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)将是相同的.