甚至尝试更改列表链接 css？

Question

这就是我想做的

CSS：

li:nth-child(2n) {

background-color:gray;

}

HTML：

<ul>

    <li><a></a></li>

    <li><a></a></li>

    <li><a></a></li>

    <li><a></a></li>

</ul>

这效果很好。但当我尝试时

li>a:nth-child(2n) {

    color:white;

}

这不起作用 IDK 为什么？

Answer 1

您可以使用偶数规则来定位所有偶数子项，如下所示。li:nth-child(even)&nbsp;a&nbsp;{ &nbsp;&nbsp;&nbsp;color:&nbsp;white; }这是参考：https://www.w3.org/Style/Examples/007/evenodd.en.html

Answer 2

在你的第一个例子中，你说的是“第n里”，其中有几个。在第二个例子中，你说的是“一里中的第n个a”，其中只有一个。

Answer 3

也许把所有的东西放在一起很奇怪&nbsp;&nbsp;&nbsp;li:nth-child(2n)>a &nbsp;&nbsp;&nbsp;{&nbsp;color:white}