Entfernen Sie ALLE Stile / Formatierungen aus Hyperlinks

Ich erstelle ein Navigationsmenü mit Wörtern mit verschiedenen Farben ( hrefLinks). Ich möchte, dass sich die Farbe in keinem Zustand ändert (schweben, besucht usw.).

Ich weiß, wie man die Farben für die verschiedenen Zustände einstellt, aber ich möchte den Code kennen, um die Textfarbe (und jedes andere Styling / Format) so zu belassen, wie sie ist.

Irgendwelche Vorschläge?

Sie können einfach einen Stil für Links definieren, was würde außer Kraft setzen a:hover, a:visitedetc .:

a {
  color: blue;
  text-decoration: none; /* no underline */
}

Sie können den inheritWert auch verwenden , wenn Sie stattdessen Attribute aus übergeordneten Stilen verwenden möchten:

body {
  color: blue;
}
a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

Wie Chris vor mir sagte, sollte nur ein aüberschreiben. Beispielsweise:

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

In diesem Fall die .nav a wäre das IMMER grün, der Schwebeflug würde nicht darauf zutreffen.

Wenn es eine andere Regel gibt, die sich darauf auswirkt, KÖNNTEN Sie sie verwenden !important, sollten dies aber nicht. Es ist eine schlechte Angewohnheit, sich darauf einzulassen.

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

Dann ist es immer grün, unabhängig von anderen Regeln.

Sie können einfach einen aSelektor in Ihrem Stylesheet verwenden, um alle Zustände eines Ankers / Hyperlinks zu definieren. Beispielsweise:

a {
    color: blue;
}

Würde alle Linkstile überschreiben und alle Zustände blau färben.

Wenn Sie a.redLink{color:red;}dann angeben a.redLink:hover{color:red;} , dass der Hover beibehalten und solche hinzugefügt werden sollen, wird sichergestellt, dass keine anderen Hover-Zustände die Farbe Ihrer Links ändern