CSS甚至是一个类的奇怪

时间:2016-02-16 15:26:54

标签: css

我正在尝试在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>

0 个答案:

没有答案