Css 特异性 :last-child

Question

我想使用以下内容来定位我的 div 中最后一个 ul 的最后一个链接 (a)。所以这就是我想到的:

#menu ul:last-child li a {
       /*.....*/
}

我无法手动向该元素添加一个类，即使我想动态地添加它，我仍然必须以上述方式定位该元素。

知道为什么这不起作用吗？

Answer 1

如果你想要last ul 中的last link(假设链接在li 元素中)，这就是你想要:

#menu ul:last-child li:last-child a {
       /*.....*/
}

• #menu 返回菜单元素。
• ul:last-child 返回 #menu
中的最后一个 ul
• li:last-child 返回 ul
中的最后一个 li

还没有尝试过，但我想这会奏效。