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

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

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

Какие Предложения?

4 94
html css href

4 ответа:

вы можете просто определить стиль для ссылок, которые будут переопределять a:hover,a:visited etc.:

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 */
}
155

как Крис сказал передо мной, просто 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 */

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

3

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

a {
    color: blue;
}

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

1

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

-1