Есть ли способ вернуться к стилю без псевдокласса в CSS?

Question

Если у меня есть синий DIV, что кто-то владеет код для

.stuff { 
    background-color: blue; 
} 

И я хочу, чтобы быть красным по наведению

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

Но я хочу, чтобы иметь возможность добавить класс для это вернуться к своему не-псевдо-класс состоянию:

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

есть ли вариант CSS идти обратно в состояние до псевдо-класса?

Codepen демо: http://codepen.io/anon/pen/EyEWww

Answer 1

Единственный способ откатить каскада с помощью ключевого слова revert, но откат другого происхождения.

Невозможно сделать 2-е значение в output of the cascadecascaded value, игнорируя победителя.

Вместо этого, вы можете изменить ваш селектор и использовать класс :not() псевдо:

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

Или, как вариант, воспользоваться .stuff.otherclass:hover имея больше конкретики, чем .stuff:hover

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