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

。