nth-childを持つ5番目の子どものたびに

Question

最初のliを含む5番目のすべてのliにスタイルを適用する必要があります。

私が試してみました：

nth-child(1n+5) 

をしかし、これは最初の子には適用されません。どこが間違っていますか？

Answer 1

その他の方法で最初のliを選択することができます。あなたは:nth-child(5n+1)を探しています。

最初の数値は乗数（この場合は5番目の項目ごと）で、2番目の数値はオフセットです。最初の項目から開始したいのでオフセットを1にします。オフにした場合は0から始まり5日に表示されます。

Answer 2

あなたはnth-child(5n+5)で、すべての第五の要素を選択しても、周りの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が投稿した内容のバリエーション。しかし、基本的には、1つの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>