Я создаю меню навигации со словами с разными цветами (href links). Я бы хотел, чтобы цвет НЕ изменялся в любом состоянии (зависание, посещение и т.д.).
Я знаю, как устанавливать цвета для разных состояний, но я хотел бы знать код, чтобы просто оставить цвет текста (и любой другой стиль/форматирование), как есть.
Любые предложения?
Вы можете просто определить стиль ссылок, который переопределит 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 будет ВСЕГДА быть зеленым, наведение не будет применяться к нему.
Если есть какое-то другое правило, влияющее на него, вы МОЖЕТЕ использовать !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;}. Это будет гарантировать, что никакие другие состояния зависания не изменят цвет ваших ссылок.