CSS выбрать все, что не содержит тег

Question

Я хочу выбрать все li, которые не содержат тега в css:

ul.sf-menu li:not(a)

Но похоже, что он не работает.

Нужна помощь

<ul class="sf-menu sf-js-enabled sf-shadow">
    <li>
        <a href="/ ">
    </li>
    <li> need to select this li because it is not contains a href
        A 
        <ul style="visibility: visible; display: block">
            <li>
                <a href="/B-1">
            </li>
            <li>
                <a href="/B-2">B-2</a>
            </li>
         </ul>
      </li>
 <li>

Answer 1

Две вещи

1) Ваш селектор не соответствует вопросу, который вы задаете.В настоящее время он выбирает каждый LI, который не Якорь.Это должен быть каждый LI на странице.

2) То, что вы хотите, не может быть сделано с помощью CSS прямо сейчас.Лучше всего будет использовать JavaScript для этого.Например, следующий jQuery будет работать.

$("ul.sf-menu li:not(:has(a))").doSomething()