每五個小孩都有一個小孩

Question

我需要對每一個五里都應用一種風格，包括第一個裏。

我曾嘗試：

nth-child(1n+5) 

但這並不將其應用到了第一個孩子。我哪裏錯了？

Answer 1

其他各地的途徑;你正在尋找:nth-child(5n+1)。

第一個數字是乘數（本例中爲每5個項目），第二個數字是偏移量。偏移量爲1，因爲您想從第一個項目開始 - 如果您離開它，它將從0開始，然後在5日顯示。

Answer 2

您可以nth-child(5n+5)選擇每5個元素，然後同時選擇第一li與li:nth-child(1)或li:first-child

li:nth-child(5n+5), li:nth-child(1) { 
 
    background: blue; 
 
}

<ol> 
 
    <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li> 
 
</ol>

Answer 3

Nenad發佈的變化。然而，基本上，你不能將你想要做的與一個nth聲明結合起來。如果你發現自己有這樣的事情打了很多，http://nth-calculator.com/和http://nth-test.com/可以幫助你:)

ul { 
 
    list-style-type: decimal 
 
} 
 

 
li:first-child, li:nth-child(5n) { 
 
    background: blue; 
 
}

<ul> 
 
    <li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li> 
 
</ul>