Переопределение родительского атрибута CSS

Question

У меня есть этот CSS:

a:hover {
  background-color:#D1E1EA;
  color:#19558D;
  text-decoration:none;
}

для всех ссылок в моем приложении.Однако по одной конкретной ссылке я хочу аннулировать все это hover поведение.Как я могу это сделать?

Обратите внимание, что это не так просто, как переопределить эти атрибуты для конкретной ссылки, потому что цвет конкретной ссылки меняется, и поэтому я не мог просто выбрать один background-color ...

Answer 1

Ранее я публиковал комментарий о том, что вы не можете сделать это, но в CSS 3 есть селектор :not(), который может это сделать. Это просто не будет работать в IE <9 </a>.Я думаю, что вы должны использовать JS, чтобы сделать это в IE.

a:hover:not(#specific_link) {
  background-color:#D1E1EA;
  color:#19558D;
  text-decoration:none;
}

Answer 2

Большинство (все?) CSS-свойств позволяют вам inherit из родительского элемента:

a:hover.special {
    background: transparent;
    color: inherit;
    text-decoration: inherit;
}

Answer 3

Я не совсем уверен, что вы подразумеваете под перезаписью, но вы можете попробовать установить прозрачный цвет фона, чтобы вы не указывали определенный цвет.

a:hover.moreSpecific{
   background-color: transparent;
}