1

通常CSS是我的事，但我不知何故傻眼了，为什么这对我不起作用。我正在通过 Cargo 建立一个用于 CMS 目的的网站，您可以在此处查看：http ://cargocollective.com/mikeballard

在我的菜单中，我有五个主要类别，单击它们（例如图像）会显示该类别下的工作列表。

<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 中添加一个 margin-bottom:15px 。我试过使用：

.project_link:last-child或者.project_link:last-of-type，但它似乎没有工作。

HTML 不能改变太多以依赖 Cargo，它不像他们使用列表项那样好，而不是带有锚标签的 div 我假设这会容易得多。

4

1 回答 1

2

IE9 之前不支持:last-of-typeand选择器。:last-child

当涉及到and选择器时，不会查看类名等。选择器只会在特定元素是父元素中的最后一个子元素并且具有类“project_link”时触发，并且选择器只会在特定元素是该类型的最后一个元素并且具有类“project_link”时触发。:last-child:last-of-type.project_link:last-child.project_link:last-of-type

两者都应该在支持的浏览器中触发，因为它被暗示为*.project_link:last-of-type并且将检查该父级中的每种类型的元素（无论如何似乎只是划分）。此处显示的最后一个分区具有与此规则匹配的类“project_link”。这些不会触发的唯一原因是如果您在向我们展示的内容下方有额外的元素（或划分），或者您使用的浏览器不支持它。

于 2011-12-13T09:19:45.640 回答