在同一个类名中选择父类

Question

如果我使用＆＃34; nth-of-type（1）＆＃34;选择器，它选择所有这些。我怎样才能选择父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 >：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;