Выберите элемент списка, только если он не содержит другого списка (и находится на верхнем уровне) - CSS-хитрости

Anonim

Я понимаю, что это довольно специфично, но мне пришлось написать этот селектор раньше, чтобы исправить проблему, и я использовал jQuery, потому что селектор довольно продвинутый (и нужен для работы в разных браузерах). Мне нужно было выбрать ссылку привязки элемента списка, но только если этот элемент списка не содержал другого списка и находился на верхнем уровне структуры вложенного списка (не глубже).

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

Идея заключалась в том, чтобы каждая из ссылок верхнего уровня в раскрывающемся меню имела изображение «стрелка вниз», но у элементов списка, у которых не было раскрывающегося списка, эта стрелка должна быть удалена.