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

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

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

Какие-либо предложения?

Вы можете просто определить стиль для ссылок, которые будут переопределены 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 */
}

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

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

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

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

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

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

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

a {
    color: blue;
}

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

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