仅当列表项不包含其他列表(且位于顶层)时才选择它

Avatar of Chris Coyier
Chris Coyier

我知道这很具体,但我之前不得不写这个选择器来修复一个问题,我使用了 jQuery 因为它比较高级(并且需要跨浏览器工作)。我需要选择列表项的锚链接,但只有当该列表项 _不_ 包含其他列表 _且_ 位于嵌套列表结构的顶层(没有更深层)时才选择。

$("ul.dropdown > li:not(:has('ul')) a").css({
        "background-image": "none",
});

这个想法是,下拉菜单中每个顶层的链接都有一个“向下箭头”图形,但没有下拉菜单的列表项应该移除该箭头。