親要素の3倍の要素を選択

Question

CSSで選択する方法は、親要素の中に6の倍数を持つ要素ですか？

例えば、この場合には、私は3の唯一の倍数を選択します：

<div> 
    <p></p> 
    <p></p> 
    <p></p> <!--to select --> 
    <p></p> 
    <p></p> 
    <p></p> <!--to select --> 
    <p></p> 
    <p></p> 
    <p></p> <!--to select --> 
</div> 

Answer 1

使用:nth-child(n)：

p:nth-child(3n) { 
    background: red 
} 

デモ：http://jsbin.com/azehum/4/edit

この方法は、IE9 +で動作します（ソース：caniuse.com）。あなたは古いブラウザでサポートが必要な場合は、要素を選択し、それらにクラスを追加するjQueryを使用することができます。

$("p:nth-child(3n)").addClass("redbg"); 

Answer 2

CSSでnthセレクタを使用し

p:nth-child(6n) {/*css here*/} 

see more here