如何通过CSSs选择第二个孩子

Question

我想选择第二个最后一个孩子。这是产品，请建议我。

<ul>
<li><a href="#">Home</a></li><li><a href="#">About</a></li>
<li><a href="#">Setting</a></li>
<li><a href="#">Product</a></li>
<li><a href="#">COntact US</a></li>
</ul>

<style>
ul li a{
color: black;
}
ul li a:nth-child(n-1) {
color:red;
}
</style>

Answer 1

您可以做：

li:nth-last-child(2) {
   css declarations;
}

nth-last-child从最后一个孩子开始计数，而不是从第一个开始向前计数。

请注意，我从css中删除了'ul'和'a'选择器。这与您在html中的不匹配。