因此，如果这是元素的HTML：
<div class="parent">
<div class="ignore-me">
<p class="child">ignore me</p>
<p class="child">ignore me</p>
<p class="child">ignore me</p>
<!-- I don't know how many <p> gonna be here -->
</div>
<p class="child">paint me green</p>
<p class="child">paint me blue</p>
</div>
我怎么能够 ：
选择孩子，.child但不要选择其中的孩子div.ignore-me？
根据它们的索引顺序分别选择它们。
我尝试使用>和:nth-child(n)这样的混合：
.parent > .child:nth-child(1)
但是，它不起作用！
可以仅通过CSS完成此操作吗？
.parent > .child:nth-child(1) {
background: green;
}
.parent > .child:nth-child(2) {
background: blue;
}<div class="parent">
<div class="ignore-me">
<p class="child">ignore me</p>
<p class="child">ignore me</p>
<p class="child">ignore me</p>
<!-- I don't know how many <p> gonna be here -->
</div>
<p class="child">paint me green</p>
<p class="child">paint me blue</p>
</div>采用 div.parent > p.p
>是儿童组合器。它仅匹配第二个选择器匹配的元素，这些元素是第一个选择器匹配的元素的直接子元素。
div.parent > p.p {
color:green;
}<div class="parent">
<div class="ignore-me">
<p class="p">don't select me</p>
<p class="p">don't select me</p>
<p class="p">don't select me</p>
<!-- I don't know how many <p> gonna be here -->
</div>
<p class="p">select me</p>
<p class="p">select me too</p>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句