CSS选择器问题

Question

         <ul>
              <li class="active"><a  href="#">HOME</a> </li>
              <li><a href="#">ABOUT US</a></li>
              <li><a href="#">ADSFDFD QEW</a></li>
              <li><a href="#">QWQEWE</a></li>
          </ul>
          
          
   现在我需要选中ul中除去class="active"的所有li标签  请问怎么选中

Answer 1

css选择器可以用jq

Answer 2

如果是JS选择器或者JQ来操作的话很简单

如果是css可以用优先级覆盖来解决你的问题

ul li{
    background:red;
}
ul li.active{
    background:transparent;
}

根据你类名active、推断出应该是一个点击态或者活动态、通常这种都是用样式覆盖好一些、通俗易懂、后面维护也方便

Answer 3

ul li:not(.active) {}

Answer 4

$("ul li:not(.active)")

Answer 5

写错了。。。以为拿到active。。
参考 css3的not

Answer 6

ul li:not(.active)
css3选择器not

Answer 7

var result = Array.prototype.filter.call(document.querySelectorAll('ul > li'), function (item){
  return item.className.indexOf('active') === -1;
});

Answer 8

ul li:not(li[class~='active'])

Answer 9

ul>li:not(.active)>a ie9及以上都支持