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