Question

我的问题说明了一切。我是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。

Answer 1

你的选择器错了，它应该是

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

这是因为使用您的标记，<a>始终是其<li>父级的最后一个孩子。你想要的是将样式应用于任何<a>里面的<li>，这不是最后一个孩子。

如何使用：CSS中没有选择器？

1 个答案: