It possible to Select all childs of first parent

Question

I want to know a CSS selector that I need to use to select only all child of first parent.

<div class="seasonbar">
  <a href="#">Link 1</a>
  <a href="#">Link 2</a>
  <a href="#">Link 3</a>
</div>
<div class="seasonbar">
  <a href="#">E 1</a>
  <a href="#">E 2</a>
  <a href="#">E 3</a>
</div>

As result, I want only select all links of the first .seasonbar

<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>

you need to do a set and reset `.seasonbar a {/* set */} .seasonbar ~ .seasonbar a {/* reset */}` — G-Cyrillus, Nov 16 '20 at 21:32
If `.seasonbar:first-child *` doesn't work it is probably because there is an element before the first `div` otherwise it should definitely work. — Cedric Cholley, Nov 16 '20 at 23:07

score 0 · Answer 1 · answered Nov 16 '20 at 23:02

Try .seasonbar:first-child > a

.seasonbar:first-child > a {
  background-color: red;
}

<div class="seasonbar">
  <a href="#">Link 1</a>
  <a href="#">Link 2</a>
  <a href="#">Link 3</a>
</div>
<div class="seasonbar">
  <a href="#">E 1</a>
  <a href="#">E 2</a>
  <a href="#">E 3</a>
</div>

It possible to Select all childs of first parent

1 Answers1