改变所有其他元素的背景颜色

Question

我想更改以下每个其他元素的背景颜色：

<div class="dets">
 <div>Simple Layout</div>
 <div>Few Pictures/Links</div>
 <div>Element Uniformity</div>
</div>

因此，第一个 [简单布局] 将是白色，第二个 [少量图片/链接] 将是黑色，依此类推。我将其中三个结构嵌套在其他一些 div 元素中。我知道 :even,:odd 方法，但它没有按预期工作。它继续通过每个“dets”类，每次增加索引。我想要奇数行白色，偶数行黑色。有没有办法为每个“dets”类重新启动自然索引？我不想使用桌子。

我目前正在使用以下 jQuery 来设置背景颜色：

$(".dets div:odd").css('background-color', 'white');
$(".dets div:even").css('background-color', 'black');

Answer 1

尝试：

$(".dets>div:nth-child(odd)").css('background-color', 'white');
$(".dets>div:nth-child(even)").css('background-color', 'black');

你也只能用css来做：

.dets>div:nth-child(odd){
 background-color:white;
}
.dets>div:nth-child(even){
 background-color:black;
}