Listenelement nur auswählen, wenn es keine andere Liste enthält (und Top-Level ist)

Avatar of Chris Coyier
Chris Coyier am

Ich weiß, dass das ziemlich spezifisch ist, aber ich musste diesen Selektor früher schreiben, um ein Problem zu beheben, und ich habe jQuery verwendet, weil der Selektor eher fortgeschritten ist (und browserübergreifend funktionieren musste). Ich musste den Ankerlink eines Listenelements auswählen, aber nur, wenn dieses Listenelement keine weitere Liste enthielt und sich auf der obersten Ebene der verschachtelten Listenstruktur befand (nicht tiefer).

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

Die Idee war, dass jeder der Links auf oberster Ebene im Dropdown-Menü eine Grafik mit einem „Pfeil nach unten“ hatte, aber die Listenelemente, die kein Dropdown hatten, sollten diesen Pfeil entfernt bekommen.