CSS选择不包含标签的所有li [英] CSS select all li which not contains a tag

问题描述

我想选择所有在css中不包含标记的li：

  ul.sf-menu li：not a）
  

但看起来它不工作。

$ b b

需要帮助

 < ul class =sf-menu sf-js-enabled sf-shadow> 
< li> 
< a href =/> 
< / li> 
< li>需要选择此li，因为它不包含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> 
  

解决方案>

两件事

1）您的选择器与您要求的问题不符。它目前选择不锚点的每个LI。这应该是页面上的每一个LI。

2）你现在不能使用CSS。你最好的打赌是使用一些JavaScript来做到这一点。例如，以下jQuery将工作。

  $（ul.sf-menu li：not（：has（a） ））。doSomething（）
  

I want to select all li which not contains a tag in css:

ul.sf-menu li:not(a)

But looks like it is not working.

Need help

<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>

解决方案

Two things

1) Your selector doesn't match the question you're asking. It currently selects every LI that is not an Anchor. This should be every LI on the page.

2) What you want can't be done with CSS right now. Your best bet would be to use some JavaScript to do this. For instance, the following jQuery would work.

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

这篇关于CSS选择不包含标签的所有li的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！