选择者的第一个孩子和第一个孩子

Question

我试图理解为什么这不能正常工作。

header {
  display: flex;
}

header a:first-child {
  margin-right: auto;
  border: solid 1px #000;
}

<header>
  <i>something</i>
  <a href="#">a</a>
  <a href="#">b</a>
  <a href="#">c</a>
  <a href="#">d</a>
</header>

我正试图从第一个锚标签（a）开始向右推动所有内容

它适用于标题a：nth-​​child（2），它只是寻找标题的第二个元素。那么使用选择器（a：）是什么意思？