Gibt es eine Möglichkeit, in CSS auf einen Pseudo-Klassenstil zurückzugreifen?

Question

Wenn ich ein blaues div, dass jemand anderes den Code besitzt für

.stuff { 
    background-color: blue; 
} 

Und ich will es auf schweben

.stuff:hover { 
    background-color: red; 
} 

rot sein, aber dann möchte ich in der Lage sein, eine Klasse hinzuzufügen für es zurück zu gehen Zustand in seinem nicht-Pseudoklasse:

.stuff.otherclass:hover { 
    background-color: unset; /* Want blue in this case */ 
} 

gibt es eine CSS Möglichkeit, zu einem vorher pseudo-Klasse Zustand zurückgehen?

Codepen Demo: http://codepen.io/anon/pen/EyEWww

Answer 1

Der einzige Weg, die Kaskade zurückzurollen die revert Schlüsselwort wird verwendet, aber es rollt zurück in einen anderen Ursprung.

Es gibt keine Möglichkeit, den 2. Wert im output of the cascade zu cascaded value zu machen, den Gewinner ignorierend.

Stattdessen können Sie Ihre Wähler ändern und die :not() Pseudo-Klasse verwenden:

.stuff { 
    background-color: blue; 
} 
.stuff:not(.otherclass):hover { 
    background-color: red; 
} 

Oder alternativ Vorteil .stuff.otherclass:hover nehmen mehr Spezifität als .stuff:hover

.stuff, .stuff.otherclass:hover { 
    background-color: blue; 
} 
.stuff:hover { 
    background-color: red; 
}