ñ类型不正确的行为与不同元素列表中的目标类

Question

我有一个实例，其中我有一个.card-one类的元素，我想将类应用于每个偶数元素。这工作正常，但我也有其他嵌套在其中的.card-one div，我不希望那些被计算在内。

我试图将元素作为父容器的直接后代使用下面的css，但它不工作。

.all-cards > .card-one:nth-of-type(even){ color: red; } 

这是一个最新情况的例子。 https://jsfiddle.net/sz5z4k58/

Answer 1

的nth-of-type选择并不是指的类，但到的类型，即标签，你的情况的div和其父元件内。所以你的第n个类型选择器实际上选择父类中的每个第二个DIV，如果它具有指定的类。

这有点令人困惑，而不是人们对名称的期望，但这是它的工作方式......