CODEWITHSUNDEEP
csscss-selectorsselector
user4095424
user4095424

Reputation:

Select the parent class within same class names

If i use "nth-of-type(1)" selector, its select all of them. How can i select only parent div ?

Thanks

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

Upvotes: 1

Views: 1572

Answers (1)

dfsq
dfsq

Reputation: 193261

You should include directive parent container into your selector and use 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>

Upvotes: 1

Related Questions