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

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

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

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

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

Ответ 1

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

например:

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

или

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

Ответ 2

Есть два способа сделать это.

Первый способ - использовать селектор :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;
}