选择一个偶数 div 孩子的孩子

Question

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

我试过了：

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

但不幸的是所有背景都是绿色的。我已经查看了父 div 和子 div，但我没有遇到任何作为子的父 div。 （令人困惑的句子）。

编辑

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

Answer 1

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

改用此代码：

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