第二个孩子为ul li链接

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与其他两个(One和Three)不同的样式().

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

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

让这个工作的任何提示？这是一个小提琴所有设置:

谢谢!

Answer 1

:nth-child()从兄弟姐妹中选择元素,在这种情况下a元素没有兄弟,所以你需要使用:nth-child()伪类来li代替:

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