将样式应用于分组的多个子元素

<div class="child">子元素1</div>
<div class="child">子元素2</div>
<div class="child">子元素3</div>

.child {
  /* 样式规则 */
  color: red;
}

<div id="parent">
  <div>子元素1</div>
  <div>子元素2</div>
  <div>子元素3</div>
</div>

#parent div {
  /* 样式规则 */
  color: red;
}

<div>
  <div>子元素1</div>
  <div>子元素2</div>
  <div>子元素3</div>
</div>

div:nth-child(1),
div:nth-child(2),
div:nth-child(3) {
  /* 样式规则 */
  color: red;
}