Css ul li a链接的第n个孩子

我正在尝试为

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>

我希望第二个链接（两个）的样式（

颜色

）与其他两个链接（一个和三个）不同

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

#菜单li a:n子项（偶数）{color:red；}

有什么办法让它发挥作用吗？这是一把小提琴，全部摆好了：

谢谢

试试看

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

如果你想在李的颜色以及你还需要

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

您不能只使用

li

选择器，因为

a

标记不会继承颜色属性

：nth-child（）

从元素的同级中选择元素，在这种情况下，

a

元素没有同级，因此您需要将

：nth-child（）

伪类应用于

li

：

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

---

.

非常感谢，我只想在

a上看到它，所以第一个示例非常有效。非常感谢您花时间回复，它非常有效，也感谢您的解释：）