无法找出正确的：子选择器

Question

我正在尝试 select 最后一个 <li> 中的 <a> 标签。我在 :child selectors 显然很糟糕。有人可以帮忙吗？

HTML:

<div id="navigation">
    <ul id="nav">
        <li><a href=""></a></li>
        <li><a href="">This Tag</a></li>
    </ul>
</div>

Answer 1

给你：

#nav>li:last-child a

> 是一个 child 选择器，它只匹配 parent 元素（在本例中）的直接后代元素（在本例中为 lis）案例 #nav)

:last-child 是伪造的 class，完全按照包装上的说明进行操作；匹配一个元素（或一组嵌套元素中的所有最后 child（在本例中为 li 类型）的最后一个 child。

然后您只需使用标准后代选择器即可到达 a。虽然，由于它是 li 的直接后代，但为了效率，应该使用 > 选择器。

Can't Figure Out Correct :child Selector