Видаліть ВСІ стилі / форматування із гіперпосилань

Я створюю навігаційне меню зі словами різного кольору ( 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, БУДЕ ЗАВЖДИ зеленим, наведення: курсор не застосовуватиметься до нього.

Якщо на нього впливає якесь інше правило, можна використовувати !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;} Це дозволить переконатись, що жоден інший стан зміни вибору не змінить колір ваших посилань