如何在DIV行上交替背景色？（Jquery和/或CSS）

我正在为现有的HTML输出定制CSS。所以我不能更改输出，我只能添加脚本（Jquery/Javascript）和自定义CSS

输出将生成行，这些行构成项目列表。 这是CSS标识符的结构：

<div>
    <div class="D F">
        <div id=":b" class="G">
        <div id=":c" class="G">
        <div id=":d" class="G">
        <div id=":e" class="G">
        <div id=":f" class="G">
        <div id=":g" class="G">
        <div id=":h" class="G">
    </div>
</div>

我还尝试了以下CSS（从中找到并修改）：

但这让每一排排排都变成了灰色。他们没有轮流

我在这里创作了一把小提琴：

其中一个包括嵌套在我目标div中的各种其他div。我把它们放在那把小提琴上，因为出于某种原因（我不清楚），我声明的替代颜色实际上影响了一个div行（div.V）。但其他人则不然

这是另一把小提琴，所有嵌套的div都被去掉了。在这种情况下，相同的CSS根本没有效果

---

如果我正确理解了您想要的内容，那么您希望以您的div为目标，而不是以其中的div为目标：

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

最好使用css而不是js，因为它是硬件加速的

---

小提琴这就是你要找的吗？我对CSS3不是很熟悉，但我试过了

---

我想我应该在发布之前刷新…

你想要随机颜色还是什么？太棒了。谢谢很高兴看到我快到了。所以，我使用的CSS是针对嵌入式div的。我想知道为什么那个额外的“div”在那里，但从来没有想过要把它拿出来！很高兴这一切都能实现，也很高兴这一切都是用CSS完成的。谢谢Marko。这很好用，但我有一个过滤器。当我在“全部”过滤器下时，它们是正确的，但当我单击另一个过滤器时，新过滤器下的偶数和奇数不会刷新。有些机会在一起，有些机会在一起。不知道如何适应我的处境。谢谢你。非常感谢。是的，看来马尔科也跟你打赌。我已经把你的答案和有用的标记出来了，他的答案是正确的（从他第一个开始）。：-）

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

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

div.G:nth-child(even) {
  background: #CCC;
}

div.G:nth-child(odd) {
  background: #FFF;
}