CSS Kochbuch

6.3 Linkfarben anpassen

Problem

Sie wollen die Darstellungsfarbe von Links verändern.

Lösung

Verwenden Sie die Pseudoklassen für die Gestaltung von Links in dieser Reihenfolge: :link, :visited, :hover und :active:

body {
 color: #99ffff;
}
a:link {
 color: #33ccff;
}
a:visited {
 color: #cecece;
}
a:hover {
 color: #336666;
}
a:active {
 color: #339999;
}

Diskussion

Die Pseudoklassen für Hyperlinks besitzen die gleiche Spezifität. Damit sich die Werte nicht gegenseitig Überschreiben, sollten Sie die Selektoren in der folgenden Reihenfolge verwenden: :link, :visited, :hover und :active.^[6] Vielleicht hilft Ihnen die im Englischen gern verwendete Eselsbrücke «LoVe/HAte».

Besuchte und unbesuchte Links können sowohl den Zustand hover als auch den Zustand active ...