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？

可以使用：nth-child伪类，如

  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)

在父级中选择特定数字的子级或子级选择器。 CSS

1 个答案: