Seleccione el elemento de la lista sólo si no contiene otra lista (y es de nivel superior) - Trucos CSS

Anonim

Me doy cuenta de que esto es bastante específico, pero tuve que escribir este selector antes para solucionar un problema y usé jQuery porque el selector es bastante avanzado (y necesitaba funcionar en varios navegadores). Necesitaba seleccionar el enlace de anclaje de un elemento de lista, pero solo si ese elemento de lista no contenía otra lista y estaba en el nivel superior de la estructura de lista anidada (no más profundo).

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

La idea era que cada uno de los enlaces de nivel superior en el menú desplegable tuviera un gráfico de "flecha hacia abajo", pero los elementos de la lista que no tenían un menú desplegable deberían tener esa flecha eliminada.