1位、4位、7位などを選択するにはどうすればよいですか？

Question

どのようにして第1、第4、第7要素などを選択できますか？第3、第6、第9などを選択する方法も？

パターンが選択され、要素が2番目の要素を残して3番目の要素を選択しています。私は:nth-childを使うべきだと知っていますが、どのように正確にわかりません。

Answer 1

第1、第4、第7などの要素をスタイルするには、CSSで最も簡単な方法は次のとおりです（私はあなたがli要素で作業していると仮定していますが、 - ケース）：

ul { 
    counter-reset: lis; 
} 

li::after { 
    counter-increment: lis; 
    content: counter(lis, decimal); 
} 

li:nth-child(3n+1) { 
    background-color: #f90; 
} 

JS Fiddle demo。

参考文献：

• CSS selectors。
• :nth-child()。
ため

[CSS内のすべてのN番目の要素を選択]の