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

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

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