CSS * Selektor, wie ausschließen: Hover

Question

Wie kann ich * Selektor aus jeder Klasse mit :hover ausschließen?

Oder wie kann ich alle :hover ändern, um es anders zu gestalten?

Answer 1

In meinem Wissen gibt es zwei Möglichkeiten, können Sie versuchen:

Erste THINKG ist die :not() Selektor zu verwenden und eine rul erstellen, die auf jedes Element angewendet werden soll, die ist nicht die Hover hat:

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

Allerdings ist die :not() Wähler nicht supp orted in IE8 oder weniger, so dass die zweite Option ist eine unstyled Klasse zu erstellen, und diese Eigenschaften für dieses Element mit dieser Klasse außer Kraft setzen:

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

Answer 2

Es hängt von der specificity Sie definieren. Das ist also das normale Verhalten.

p:hover ist spezifischer als *:hover also wenn Sie über <p> schweben, wird es grün sein.

*:hover { 
 
    background-color: orange; 
 
} 
 

 
p:hover { 
 
    background-color: green; 
 
}

<p>Hello world</p>

Answer 3

Haben Sie versucht: (:not)?

Beispiele:

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

Ref:https://developer.mozilla.org/en/docs/Web/CSS/:not

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

Kann ich:http://caniuse.com/#feat=css-sel3