Как я могу исключить определенный элемент из наследования правил CSS?

Question

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

a {
  color:#19558D;
  padding:3px 5px;
  text-decoration:none;
}

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

Это относится ко всем ссылкам, но что, если я не хочу, чтобы это применялось к определенной ссылке на странице?Что я могу сделать?

Answer 1

Это можно сделать двумя способами.

Первый способ - использовать селектор :not() и указать, что стили, к которым вы не хотите применять класс:

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

Тем не менее, селектор :not() не поддерживается в IE8 или менее, поэтому второй вариант заключается в том, чтобы дать вашим неустановленным ссылкам класс и переопределить эти свойства для этой ссылки этим классом:

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

Answer 2

Вы можете применить свой собственный класс или встроенный стиль к рассматриваемой ссылке.

например:

<a href="#" class="MyNewClass" />

или

<a href="#" style="color:red;" />