css - 选择偶数 div child 的 child

Question

我正在尝试找到一种方法来选择另一个 div 中的一个 div，但只能选择偶数(或奇数)div。

我试过:

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

但不幸的是所有的背景都是绿色的。我研究过父子 div，但我没有遇到任何父 div 是 child 。 (令人困惑的句子)。

编辑

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

Answer 1

每个父元素中只有一个 .clickformore 元素。 nth-child 查找作为其父元素 的第 n 个子元素的元素。这就是它不起作用的原因。参见 this answer了解更多信息。

改用这段代码:

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