Выберите определенный номер дочернего или дочернего селектора с родителем. 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?

Можно ли это сделать с: псевдоклассами 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)