Listenelement nur auswählen, wenn keine andere Liste enthalten ist (und die oberste Ebene ist) - CSS-Tricks

Anonim

Mir ist klar, dass dies ziemlich spezifisch ist, aber ich musste diesen Selektor früher schreiben, um ein Problem zu beheben, und ich habe jQuery verwendet, weil der Selektor ziemlich fortgeschritten ist (und für die browserübergreifende Arbeit benötigt wird). Ich musste den Ankerlink eines Listenelements auswählen, aber nur, wenn dieses Listenelement keine andere 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 der obersten Ebene im Dropdown-Menü eine Grafik mit einem Abwärtspfeil hatte, aber bei den Listenelementen, die kein Dropdown hatten, sollte dieser Pfeil entfernt werden.