CSS选择以2nd开头的第二个孩子

Question

有没有办法从第二个开始用:nth-child(2n)定位每个第二个元素？

例如：

<ul>
  <li>do not target</li>
  <li>do not target</li>
  <li>target</li>
  <li>do not target</li>
  <li>target</li>
  <li>do not target</li>
  <li>target</li>
</ul>

Answer 1

考虑到给定的标记，您似乎希望它从第三个​​ <li>子 第二个开始，因此您使用以下内容：

:nth-child(2n+3)

<ul>
  <li>do not target</li> <!-- 1st -->
  <li>do not target</li> <!-- 2nd -->
  <li>target</li>        <!-- 3rd -->
  <li>do not target</li>
  <li>target</li>
  <li>do not target</li>
  <li>target</li>
</ul>

此外，如果您真的希望从第二个孩子开始，:nth-child(2n)和:nth-child(2n+2)的效果会相同。

Answer 2

哈希姆的回答很好，但我觉得:nth-child(odd):not(:first-child)对于发生的事情更加清楚。