如何使每隔一个div变成不同的颜色

Question

我坚持使用一些代码,我希望将bg颜色替换为#F8F8F8的.itemrow上的颜色

这是粘贴箱:http: //pastebin.com/mgHYzJAd

.itemrow {
    padding-top:20px;
    padding-bottom:20px;
    background-color:#f8f8f8;
}

和项目页面,如果你想看到它:http: //paolor.co.uk/projects/grubrun/menu.php

我已经尝试做了一些研究,并且nth-child(奇数)已经出现了几次,但这并不是我在3个月之前遇到过的事情.

任何帮助表示赞赏,并提前感谢您!:o)保罗

Answer 1

关于什么:

.itemrow:nth-child(even) {
    background-color:#f8f8f8;
}

而不是even你也可以使用odd.你以前没有找到它,这让我很惊讶.它已经存在了很长一段时间,并且至少从IE9开始就受到支持,我认为即使是从IE7开始.然后,你不经常需要它.我认为交替背景是我见过它迄今为止使用的唯一目的.