Linkfarben anpassen
(Auszug aus "CSS Kochbuch" von Christopher Schmitt)
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. (Anmerkung: Eine ausführliche Besprechung dieses Themas finden Sie in Kapitel 3 von Eric A. Meyers CSS – Das umfassende Handbuch (O’Reilly).) 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 annehmen. Aufgrund der gleichen Spezifität entscheidet die Reihenfolge der Nennung im CSS-Code darüber, welche Regel den Vorrang bekommt. Steht die Regel für :hover vor der für :active oder :visited, kann es passieren, dass der Benutzer die Definitionen für :hover nie zu Gesicht bekommt, weil die folgenden Definitionen die Angaben "maskieren".
Siehe auch
Die CSS 2.1-Spezifikation zu den dynamischen Pseudoklassen :link, :visited, :hover, :active und :focus.
<< zurück | vor >> |
Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright der deutschen Ausgabe © 2007 by O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS Kochbuch" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
O’Reilly Verlag GmbH & Co. KG, Balthasarstr. 81, 50670 Köln