css - 可以选择第一父母的所有孩子

Question

我想知道一个 CSS 选择器，我需要使用它来仅选择第一个父母的所有孩子。

<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>

结果，我只想选择第一个的所有链接.seasonbar

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

标签： csscss-selectors

Answer 1

尝试.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>