Css 在不同元素列表中的目标类中,类型n的行为不正确

Css 在不同元素列表中的目标类中,类型n的行为不正确,css,css-selectors,Css,Css Selectors,我有一个实例,其中有一个元素的类为.card one,我想对每个偶数元素应用一个类。这很好,但我也有其他div,其中嵌套了.card one,我不想计算这些div 我尝试使用下面的css将这些元素作为父容器的直接后代,但它不起作用 .all-cards > .card-one:nth-of-type(even){ color: red; } 这是一个正在发生的事情的例子 类型选择器的n不是指类,而是指类型,即标记,在本例中是指div及其父元素中的类型。因此,如果父类中有指定的类,那么第n

我有一个实例,其中有一个元素的类为
.card one
,我想对每个偶数元素应用一个类。这很好,但我也有其他div,其中嵌套了
.card one
,我不想计算这些div

我尝试使用下面的css将这些元素作为父容器的直接后代,但它不起作用

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

这是一个正在发生的事情的例子

类型选择器的
n不是指类,而是指类型,即标记,在本例中是指
div
及其父元素中的类型。因此,如果父类中有指定的类,那么第n个类型选择器实际上会选择父类中的第二个DIV

这有点让人困惑,也不是人们所期望的名字,但这就是它的工作方式