一堆div元素的替代颜色（不使用表格）

Question

基本上，我想到的是一堆div元素，我想要替代颜色。我可以使用ID来做到这一点，但我想使用类来最小化所需的额外（和潜在的意大利面）代码的数量。

<div id="divs">
    <div class="bla">
    </div>
    <hr/>
    <div class="bla">
    </div>
</div>

我已经尝试过nth-child，但它没有用。

编辑：我想保持小时。

Answer 1

您需要删除<hr>元素，请参阅this fiddle

HTML

<div id="divs">
    <div class="bla">bla</div>
    <div class="bla">bla</div>
</div>

CSS

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