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

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

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

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

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

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

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

小提示:.active没有引号!

 

posted @ 2017-05-02 16:47  灯火阑珊hy  阅读(1149)  评论(0编辑  收藏  举报