CSS несколько классов для управления: эффект наведения

Question

У меня есть div с псевдоклассом: hover, который применяет множество CSS-эффектов, чтобы указать пользователю, что они над ним наводят.

Как отключить эффект CSS, когда пользователь наводит курсор на негодобавив класс .disable?

http://jsfiddle.net/nQUSn/1/

Answer 1

Для всех браузеров, кроме IE <9: </p>

Изменить .a:hover { на .a:not(.disable):hover {

Answer 2

Вы можете создать селектор a.disable: hover, который сбрасывает стили этого элемента привязки.Например, если ваш a: hover css был:

a:hover {
    color: red;
}

И цвет ссылки обычно синий, ваш отключенный CSS может выглядеть так:

a.disable:hover {
    color: blue;
}

Answer 3

нет необходимости использовать класс ".disable". Вы можете связать псевдокласс :disabled с псевдоклассом :hover:

elem {
  color : blue;
}
elem:hover {
  color : lightblue;
}
elem:disabled, elem:disabled:hover {
  color : grey;
}