Question

我正在尝试为ul li a元素获取特殊样式。这是代码：

<ul id="menu">
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
</ul>

我希望第二个链接（Two）具有与其他两个（一个和三个）不同的样式（color）。

这是我一直在尝试的，但它似乎不起作用：

#menu li a:nth-child(even) {color:red;}

有关此功能的任何提示吗？这是一个小提琴所有设置：

谢谢！

Answer 1

:nth-child()从兄弟姐妹中选择元素，在这种情况下a元素没有兄弟姐妹，所以你需要将:nth-child()伪类用于{{1而是：

li

Answer 2

尝试

#menu li:nth-child(even) a {color:red;}

如果你想要li上的颜色你也需要

#menu li:nth-child(even) {color:red;}

您不能拥有li选择器，因为a标记不会继承color属性。