CSS选择所有不包含标签的li

Question

我想选择所有不包含css标签的li:

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)您的选择器与您提出的问题不符.它目前选择不是 Anchor的每个LI .这应该是页面上的每个LI.

2)你现在无法用CSS做什么.你最好的选择是使用一些JavaScript来做到这一点.例如,以下jQuery可以工作.

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