Удалить все стили и форматирование из гиперссылок

Я создаю меню навигации со словами с разными цветами (href links). Я бы хотел, чтобы цвет НЕ изменялся в любом состоянии (зависание, посещение и т.д.).

Я знаю, как устанавливать цвета для разных состояний, но я хотел бы знать код, чтобы просто оставить цвет текста (и любой другой стиль/форматирование), как есть.

Любые предложения?

Ответ 1

Вы можете просто определить стиль ссылок, который переопределит a:hover, a:visited и т.д.:

a {
  color: blue;
  text-decoration: none; /* no underline */
}

Вы также можете использовать значение inherit, если хотите вместо этого использовать атрибуты из родительских стилей:

body {
  color: blue;
}
a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

Ответ 2

Как сказал Крис передо мной, просто a должен переопределить. Например:

a { color:red; }
a:hover { color:blue; }
.nav a { color:green; }

В этом случае .nav a будет ВСЕГДА быть зеленым, наведение не будет применяться к нему.

Если есть какое-то другое правило, влияющее на него, вы МОЖЕТЕ использовать !important, но не должны. Это плохая привычка падать.

.nav a { color:green !important; } /*I'm a bad person and shouldn't use !important */

Тогда он всегда будет зеленым, не относящимся к какому-либо другому правилу.

Ответ 3

Вы можете просто использовать селектор a в своей таблице стилей, чтобы определить все состояния якоря/гиперссылки. Например:

a {
    color: blue;
}

Отменит все стили ссылок и сделает все состояния синим цветом.

Ответ 4

если вы укажете a.redLink{color:red;}, чтобы сохранить это при наведении и добавьте a.redLink:hover{color:red;}. Это будет гарантировать, что никакие другие состояния зависания не изменят цвет ваших ссылок.