html - 无法找出正确的 :child Selector

Question

我正在尝试选择 <a>最后一个标签 <li> .我显然不擅长 :child 选择器。谁能帮忙？

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) #导航)

:last-child 是一个伪类，它完全按照锡 jar 上的说明进行操作；匹配元素(或一组嵌套元素中的所有最后一个子元素)的最后一个子元素(在本例中为 li 类型)。

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

• > More information on childselectors
• > More information on pseudoclasses
• > Overview of CSSselectors