如何用单一CSS规则选中nth-child(2n)元素并排除首个匹配项？

当然可以把两条规则合并成单一规则，以下两种写法都能达到和你原有代码完全一致的效果：

方法一：使用:not()伪类排除第一个匹配项 #

这种写法逻辑直观，先选中所有符合2n的偶数项，再排除掉第2个元素：

li:nth-child(2n):not(:nth-child(2)) {
  background: red;
}

方法二：调整nth-child公式直接定位目标 #

通过修改公式，直接选中从第4个开始的所有偶数项（对应原需求里的Four、Six、Eight、Ten）：

li:nth-child(2n + 4) {
  background: red;
}

两种写法都能精准匹配目标元素，你可以根据自己的阅读习惯选择，HTML结构不需要做任何修改。

内容的提问来源于stack exchange，提问作者Matthew Layton