Selectați elementul de listă numai dacă nu conține o altă listă (și este de nivel superior) - CSS-Tricks

Anonim

Îmi dau seama că acest lucru este destul de specific, dar a trebuit să scriu acest selector mai devreme pentru a rezolva o problemă și am folosit jQuery, deoarece selectorul este destul de avansat (și trebuia să funcționeze pe browser). Trebuia să selectez legătura de ancorare a unui element de listă, dar numai dacă acel element de listă nu conținea altă listă și se afla la nivelul de sus al structurii listei imbricate (nu mai adânc).

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

Ideea a fost că fiecare dintre legăturile de nivel superior din meniul derulant avea un grafic „săgeată în jos”, dar elementelor din listă care nu aveau o listă derulantă ar trebui să li se elimine acea săgeată.