Comment alterner style (couleur de fond) pour div à l'intérieur div

Question

Comment alterner le style (couleur de fond avec jquery) pour div intérieur div id = « conteneur » alternativement (pair et impair) si je HTML comme ça

<div id="container"> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
... 
</div> 

Je sais avec table comme

#tbl_users tr:nth-child(even) {background: #CCC;} 
#tbl_users tr:nth-child(odd) {background: #FFF;} 

mais comment div appliquer quelque chose comme ça?

Answer 1

Avez-vous essayé:

div#container div:nth-child(even) {background: #CCC;} 
div#container div:nth-child(odd) {background: #FFF;} 

nième enfant doit travailler indépendamment de l'étiquette.

Answer 2

Cela fonctionne exactement de la même manière avec les divs. Avec la structure ci-dessus, vous pouvez obtenir le même effet:

#container div:nth-child(even) {background: #CCC;} 
#container div:nth-child(odd) {background: #FFF;} 

Answer 3

en utilisant la même astuce:

#container div:nth-child(even) {background: #CCC;} 
#container div:nth-child(odd) {background: #FFF;} 

Answer 4

$('#container>div:odd').css("background-color", "#ff0000"); 
$('#container>div:even').css("background-color", "#00ff00"); 

Answer 5

<div id="container"> 
    <div>A</div> 
    <div>B</div> 
    <div>C</div> 
    <div>D</div> 
</div> 

div#container div:nth-child(even) {background: #FF00CC;} 
div#container div:nth-child(odd) {background: #CC00FF;} 

S'il vous plaît essayer ce lien http://codebins.com/codes/home/4ldqpbz