选择偶数 div child child

Question

我正在尝试找到一种方法 select 一个 div 在另一个 div 内部，但仅限于偶数（或奇数）div。

我试过：

.foundoutmore {
    background: green;
}
.clickformore:nth-child(even) > .foundoutmore {
    background: red;
}

但不幸的是所有背景都是绿色的。我调查了 parent 和 child div，但我没有遇到任何 parent div 是 children。 (混淆句).

编辑

jsfiddle.net/qgs30wrs fiddle 这里。 Javascript 不是我的强项，当我可以让它看起来正确时再进行清理。

Answer 1

每个父元素中只有一个 .clickformore 元素。 nth-child 查找作为其父元素的第 n 个子元素 的元素。这就是它不起作用的原因。有关详细信息，请参阅 this answer。

请改用此代码：

a:nth-child(even) .clickformore > .foundoutmore { background: red; }

Selecting a child of an even div child