如何在不使用[href="/delivery"]的情况下选择列表的第一个子元素

你之前用的ul:nth-child(1)或.header-nav__list:nth-child(1)之所以无效，是因为这两个选择器是用来匹配父元素里的第一个ul元素，而不是ul内部的第一个子元素。要选中目标<a>，需要定位到ul下的第一个<li>，再选中其中的<a>，以下是几种可行的方案：

• 用:first-child伪类定位第一个li：

  .header-nav__list > li:first-child > a
  

• 用:nth-child(1)定位第一个li（和上面效果一致）：

  .header-nav__list > li:nth-child(1) > a
  

• 如果ul下只有li作为子元素，也可以用:first-of-type：

  .header-nav__list > li:first-of-type > a
  

这些选择器都不需要依赖href属性，完全符合你的要求。

内容的提问来源于stack exchange，提问作者krasmar