CSS精选第二个孩子以第二个开头

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)更清楚发生了什么事情。

。