如何使用not选择器来忽略css中特定的ul li元素？
<ul class="list"> <li></li> <li> <ul> <li></li> </ul> </li> <li> <ul class="innerli"> <li></li> </ul> </li> </ul>
我已经尝试了下面的代码，但不工作
.list li:not(.innerli li){padding-left:10px;width: 500px;}
5lwkijsr1#
.list ul:not(.inner) li是我相信你要找的选择器。在.list中，查找不具有类.inner所有ul，并从那些全取列表中查找。
.list ul:not(.inner) li
.list
.inner
ul
6vl6ewon2#
您应该按ul:not(selector)进行检查，如下所示。
ul:not(selector)
.list ul:not(.innerli) li { color: red; }
<ul class="list"> <li>Outer</li> <li> <ul> <li>Inner</li> </ul> </li> <li> <ul class="innerli"> <li>Inner</li> </ul> </li> </ul>
<li>Outer</li>
一个二个一个一个
2条答案
按热度按时间5lwkijsr1#
.list ul:not(.inner) li是我相信你要找的选择器。在
.list中，查找不具有类.inner所有ul，并从那些全取列表中查找。6vl6ewon2#
您应该按
ul:not(selector)进行检查，如下所示。<li>Outer</li>，则必须按如下所示选择多行。一个二个一个一个