ñ類型不正確的行爲與不同元素列表中的目標類

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，如果它具有指定的類。

這有點令人困惑，而不是人們對名稱的期望，但這是它的工作方式......