Question

我正在尝试在最后<a>内选择<li>标记。我显然很可怕：儿童选择器。有人可以帮忙吗？

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

>是一个子选择器，它只匹配那些作为父元素的直接后代的元素（在本例中为li）（在本例中为#nav）

:last-child是一个伪类，完全按照它在锡上所说的那样做;匹配元素的最后一个子节点（在本例中为li类型）（或一组嵌套元素中的所有最后一个子节点）。

然后你只需要你的标准后代选择器就可以到达a。虽然，因为它是li的直接后代，但为了提高效率，应该使用>选择器。