选择一个偶然孩子的孩子

Question

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

我试过了：

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

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

修改

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

Answer 1

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

请改用此代码：

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