我正在尝试在css中实现偶数/奇数。每次都让我很开心。但是现在,因为行之间有一些信息,我在行中添加了一个类。
在这种情况下,偶数和奇数规则不再好了。
这是我所说的jsFiddle。我假设,奇数/偶数只会附加.row
个项目。
是否可以仅使用css解决此问题,而不使用任何jQuery或脚本?
CSS
div.row:nth-child(odd) {background: #fff}
div.row:nth-child(even) {background: #cecece}
HTML
<div class="row">Sometext</div>
<div class="row">Sometext</div>
<div class="row">Sometext</div>
<div>This div has no class</div>
<div class="row"><strong>Should be grey!!!</strong></div>
<div class="row"><strong>This should be white</strong></div>
<div class="row">This should be grey also...</div>