Select parent class 相同的 class 个名字

Question

如果我使用 "nth-of-type(1)" select 或者 select 所有这些。我怎么 select 只能 parent div ？

谢谢

<div class="parent_div">
    <div class="parent_div"></div>
    <div class="parent_div"></div>
    <div class="parent_div"></div>
</div>

Answer 1

您应该将指令父容器包含到您的选择器中并使用 direct child selector >:

.container > .parent_div:nth-of-type(1) {
  border: 1px red solid;
}

<div class="container">
  <div class="parent_div">
      <div class="parent_div"></div>
      <div class="parent_div"></div>
      <div class="parent_div"></div>
  </div>
</div>

Select parent class 相同的 class 个名字

Select the parent class within same class names

css

css-selectors

selector