CSS *选择器，如何排除：悬停

Question

我如何排除*选择从每个类与:hover？

或者我怎样才能改变每个:hover以不同的风格呢？

Answer 1

在有两种方式我的知识，你可以尝试：

首先thinkg是使用:not()选择，并创建将被应用到每一个是元素的RUL没有悬停：

*:not(:hover) { 
    background-color: red; 
    color: red; 
    text-decoration:none; 
} 

但是，:not()选择器不支持orted在IE8或更低，所以第二个选项是创建一个无样式类，以及与该类覆盖该元素的属性：

.unstyled:hover { 
    background-color:none; 
    color:#000 
    text-decoration:none; 
} 

Answer 2

这取决于您定义的specificity。所以这是正常的行为。

p:hover更具体然后*:hover所以如果你将鼠标悬停在<p>它将是绿色的。

*:hover { 
 
    background-color: orange; 
 
} 
 

 
p:hover { 
 
    background-color: green; 
 
}

<p>Hello world</p>

Answer 3

你试过：(:not)？

例子：

*:not(:hover) { /* here */} 
.container:hover img:not(:hover) {/* here */} 

编号：https://developer.mozilla.org/en/docs/Web/CSS/:not

啧：https://css-tricks.com/almanac/selectors/n/not/

我可以使用：http://caniuse.com/#feat=css-sel3