我有一个
元素列表,我想使用nth-child选择器对它们进行样式设置。同时,如果某个
元素具有特定的类,请将其排除在外,例如:
<style>
.a:not(.b):nth-child(2n) {
color: hotpink;
}
</style>
<div class="a"> Test </div>
<div class="a b"> Test </div>
<div class="a"> I should be pink, as i am the 2nd child that doesnt have a "b" class </div>
<div class="a"> Test </div>
<div class="a"> Test </div>
<div class="a"> Test </div>
<div class="a"> Test </div>
<div class="a"> Test </div>
<div class="a"> Test </div>
nth-child
和其他类似的选择器是按照它们的子元素索引进行匹配的,而不是带有.x
类的子元素索引。 - Andy