Velg bare listeelement hvis det ikke inneholder en annen liste (og er på toppnivå) - CSS-triks

Anonim

Jeg skjønner at dette er ganske spesifikt, men jeg måtte skrive denne velgeren tidligere for å fikse et problem, og jeg brukte jQuery fordi velgeren er ganske avansert (og trengte å jobbe i tvers av nettlesere). Jeg trengte å velge ankerkoblingen til et listeelement, men bare hvis listen ikke inneholder en annen liste og var på øverste nivå i den nestede listestrukturen (ikke dypere).

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

Tanken var at hver av de øverste nivåkoblingene i rullegardinmenyen hadde en "pil ned" -grafikk, men listeelementene som ikke hadde en rullegardin, skulle ha fjernet pilen.