我可以使用N-child跳過第一個項目，然後選擇2跳過2？

Question

我需要將符合此一NHT-孩子規則：
◻◼◼◻◻◼◼◻◻◼◼◻

我試了幾個CSS-Tricks Nth-child-tester combinaisons，但毫無效果。

這甚至可能嗎？

Answer 1

我不知道任何單一規則的方式來做到這一點，但你總是可以只針對同一條規則兩個獨立的模式：

:nth-child(4n+2), 
:nth-child(4n+3) { 
    background: black; 
} 

Answer 2

這一個讓我頭痛，但我想通了解如何在單一規則中做到這一點！

您必須使用:not()選擇器，因爲它可以按順序放置，所以element:not(:nth-child(4n + 1)):not(:nth-child(4n + 4))可以解決問題。

換句話說，它是選擇所有，除了並在每個4N範圍 ...

li:not(:nth-child(4n + 1)):not(:nth-child(4n + 4)) { 
 
    color: red; 
 
}

<ul> 
 
    <li>1</li> 
 
    <li>2</li> 
 
    <li>3</li> 
 
    <li>4</li> 
 
    <li>5</li> 
 
    <li>6</li> 
 
    <li>7</li> 
 
    <li>8</li> 
 
    <li>9</li> 
 
    <li>10</li> 
 
</ul>