:not() 选择器选取除了指定元素以外的所有元素

:not() 选择器选取除了指定元素以外的所有元素;

最近有人那上图问：如果触碰li时背景色和字体都变化，但是已经被选中的（现在是第一行）不变怎么办？：not是一个非常简单方便的办法；加入我给已经被选中的li加的是active类

那么要想达到要求的效果，只需代码

li:not(.active):hover{
background-color: #08D879;
color: #fff;
}

除了加了active类li其他代码都执行上述代码

这种用法还是非常常见的。

小提示：.active没有引号！

 

转载于:https://www.cnblogs.com/lfhy/p/6796878.html