nth-of-type工作不正常

Question

我正在尝试将样式应用于其他 .tile-half ，但我也有.with-wide-wide，我想跳过。

<div class="tile tile-half">...</div>
<div class="tile tile-half">...</div>
<div class="tile tile-wide">...</div>
<div class="tile tile-half">...</div>
<div class="tile tile-half">...</div>

这是我的css

.tile-half:nth-of-type(2n)
{
    margin-left: 2%;
}

似乎正在发生的是它选择每个第二个孩子，然后仅在类型的情况下将样式应用于它。我希望它表现得好像 .tile-wide 甚至不存在。

Answer 1

所以看起来这不可能是：nth-​​of-type只适用于元素而不适用于类。所以我只是用了

.tile-half + .tile-half
{
    margin-left: 2%;
}