wybierz elementy wielokrotne z 3 w elemencie nadrzędnym

Question

czy istnieje sposób wybierania za pomocą css, elementy, które mają indeks wielokrotności 6 w elemencie nadrzędnym?

na przykład w tym przypadku chcę wybrać tylko wielokrotność 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

Używaj :nth-child(n):

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

Demo: http://jsbin.com/azehum/4/edit

metoda ta sprawdza się w IE9 + (źródło : caniuse.com). Jeśli potrzebujesz wsparcia w starszych przeglądarkach, można użyć jQuery aby wybrać elementy i dodać klasę do nich:

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

Answer 2

Użyj wybieraka nth w css

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

see more here