甚至尝试更改列表链接 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) a {
   color: white;
}

这是参考：https://www.w3.org/Style/Examples/007/evenodd.en.html

Answer 2

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

Answer 3

也许把所有的东西放在一起很奇怪

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