如何选择没有 ID 或类的导航元素中的第二个链接？

Question

我有以下 HTML：

<nav aria-label="breadcrumbs" role="navigation" class="breadcrumb">
     <a href="/" data-analytics="{&quot;click_id&quot;:291}" data-impressed="1">Home</a>
     <i aria-hidden="true"></i>
     <a href="/chicago-il">Chicago, IL</a>
     <i aria-hidden="true"></i>
     <span>Cpa</span>
</nav>

我总是想选择第二个链接（又名<a href="/chicago-il">Chicago, IL</a>）。

我怎么做？

Answer 1

您可以使用第 n 个子选择器，或者在您的情况下可以应用很多选择器，但这样您将始终定位第二个

.nav a:nth-child(2) {
  /* css here */
}