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

Я создаю меню навигации со словами с разными цветами (ссылки 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 { 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 */ 

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

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

 a { color: blue; } 

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

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