Question

如果我有像这样的HTML

如何交替（偶数和奇数）交替使用id =“container”的div中的div替换样式（背景颜色和jquery）

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

我知道像

这样的表格

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

但是如何应用这样的东西？

Answer 1

你有没有尝试过：

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

nth-child应该无论标签如何都能正常工作。

Answer 2

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

Answer 3

它与div的工作方式完全相同。使用上述结构，您可以获得相同的效果：

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

Answer 4

使用相同的技巧：

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

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;}

请尝试此链接http://codebins.com/codes/home/4ldqpbz

如何在div内部替换div的样式（背景颜色）

5 个答案: