1

我的问题说明了一切。我是 CSS 新手。我正在尝试使用以下代码，但它不起作用：

ul.verticalNav {
    /*declaration*/
}

ul.verticalNav li {
    /*declaration*/
}

ul.verticalNav li a {
    /*declaration*/
}

ul.verticalNav li a:not(:nth-last-child(1)) {
    border-bottom: 1px solid #323232;
}

该类ul.verticalNav li a:not(:nth-last-child(1))没有创建边界。HTML 是：

<ul class="verticalNav">
    <li><a href="#">Home</a></li>
    <li><a href="#">View Profile</a></li>
    <li><a href="#">Edit Profile</a></li>
    <li class="bottomLeftMenuItem"><a class="bottomLeftMenuItem" href="#">Search Profile</a></li>
</ul>

我无法找到问题所在。

提前致谢。

我正在使用 Firefox 12.0 和 Google Chrome 18.0.1025.168 m。

4

1 回答 1

7

您的选择器错误，应该是

ul.verticalNav li:not(:nth-last-child(1)) a {
    border-bottom: 1px solid #323232;
}​

那是因为使用您的标记，<a>总是将成为<li>其父级的最后一个子级。您想要的是将样式应用于任何不是最后一个孩子<a>的 s 中。<li>

于 2012-05-05T16:13:44.993 回答