选择一定数量的孩子或孩子选择与父母。 css

Question

有没有办法选择一定数量的子选择器？例如

<div class="parent"> 
    <div class="child-a">abc</div> 
    <div class="child-b">def</div> 
    <div class="child-c">ghi</div> 
    <div class="child-d">jkl</div> 
    <div class="child-e">mno</div> 
    <div class="child-f">pqr</div> 
    <div class="child-g">stu</div> 
</div> 

我该如何选择.child-a, .child-b, .child-c？

或者只是选择.child-d .child-e, .child-f？

可以用它来完成：第n个孩子的伪类，如

div.parent div:nth-child(1,2,3) { margin: 15px 0 0 0; display:inline } 
    div.parent div:nth-child(4,5,6) { margin: 30px 0 0 0; display:inline } 

？ 这样的事情？

Answer 1

好吧，如果div■找这些类，你可以简单地列出来：

.child-a, .child-b, .child-c 

如果你想与nth-child做到这一点，你必须列出他们是这样的：

.parent :nth-child(1), .parent :nth-child(2), .parent :nth-child(3)