Css 将:last child或:last of type添加到导航菜单

Css 将:last child或:last of type添加到导航菜单,css,pseudo-element,cargo,Css,Pseudo Element,Cargo,通常CSS是我的东西,但不知怎么的,我很惊讶为什么它不适合我。我正在通过Cargo为CMS目的建立一个网站,您可以在这里看到: 在我的菜单中,我有五个主要类别,点击它们(例如图像)将显示该类别下的工作列表 <div id="menu_2444167" class="link_link"> <a id="p2444167" name="mikeballard" target="" href="http://cargocollective.com/mikeballard/f

通常CSS是我的东西,但不知怎么的,我很惊讶为什么它不适合我。我正在通过Cargo为CMS目的建立一个网站,您可以在这里看到:

在我的菜单中,我有五个主要类别,点击它们(例如图像)将显示该类别下的工作列表

<div id="menu_2444167" class="link_link">
    <a id="p2444167" name="mikeballard" target="" href="http://cargocollective.com/mikeballard/filter/images">Images</a>
</div>
<div id="menu_2444188" class="project_link">
    <a name="mikeballard" rel="history" href="mikeballard/#2444188/Ultra-Nomadic-Def-Smith-Cycle-2011">Ultra Nomadic Def Smith Cycle, 2011</a>
</div>
<!-- more divs here -->
<div id="menu_2444201" class="project_link">
    <a name="mikeballard" rel="history" href="mikeballard/#2444201/Archive">Archive</a>
</div>

基本上,我正在尝试选择此集合中的最后一个div,并在该div中添加一个边距底部:15px。我尝试使用:

.project\u link:last child
.project\u link:last of type
但它似乎不起作用


HTML不能改变太多以依赖于Cargo,它不像使用列表项那样好,而不是使用带有锚定标记的div。我想这会容易得多。IE9之前不支持
:last of type
:last child
选择器


当涉及类型选择器的
:last child
:last时,不会查看类名等。
.project\u link:last child
选择器仅在特定元素是父元素中的最后一个子元素且具有类“project\u link”时才会触发,
.project\u link:last of type
选择器仅在特定元素是该类型的最后一个元素且具有类“project\u link”时才会触发


两者都应在支持浏览器中触发,因为它隐含为
*。项目链接:类型的最后一个
,并将检查父元素内的每种类型的元素(无论如何,它似乎只是分区)。这里显示的最后一个部分有一个类“project\u link”,它将匹配此规则。这些不会触发的唯一原因是,如果您在显示的内容下面有额外的元素(或分割),或者您使用的浏览器不支持它。

如果最后一个
。项目链接
是任何父元素的最后一个子元素,
:最后一个子元素应该可以工作。如果它也是最后一个
div
元素,
:类型的最后一个应该可以工作。您是否碰巧正在使用旧版本的IE进行测试?那么,您的意思是。project_link:最后一种类型应该可以工作?谢谢你的解释。如果你看看我给你的URL,你会发现有更多的分类。我想没有办法选择它。@Richard:没有,当时没有。但是,我最近发布了关于选择器的信息。