CSS *セレクタ、除外方法：ホバー

Question

:hoverで各クラスの*セレクタを除外するにはどうすればよいですか？

または、どのようにして:hoverを別のスタイルに変更することができますか？

Answer 1

：

まずthinkg :not()セレクタを使用しているすべての要素に適用されようとしているRULを作成することですホバーなし：

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

ただし、:not()セレクターはサポートしていません第二の選択肢はunstyledクラスを作成し、そのクラスとその要素のためにこれらのプロパティをオーバーライドすることであるので、IE8でorted以下：

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

Answer 2

あなたが定義するspecificityによって異なります。これは正常な動作です。

p:hoverより具体的な場合は*:hoverですので、<p>にカーソルを合わせると緑色になります。そこに私の知識あなたが試すことができます2つの方法で

*: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