|
Inhalt: |
Pseudoklassen für Hyperlinks
Mit Pseudoklassen können mit CSS bestimmte Eigenschaften eines Elements formatiert werden. Sie beginnen mit einem Doppelpunkt (:) und dürfen weder davor noch dahinter Leerzeichen aufweisen. Am häufigsten werden Pseudoklassen zum dynamischen Formatieren von Hyperlinks (Links) verwendet. Sie beziehen sich auf den Tag <a> und müssen in der folgenden Reihenfolge definiert werden:
[1] :link - Neuer Hyperlink, der noch nicht ausgewählt bzw. besucht wurde
[2] :visited - Bereits ausgewählter bzw. besuchter Hyperlink
[3] :hover - Hyperlink, über dem sich gerade das Zeigegerät befindet
[4] :active - Hyperlink, der gerade aktiv bzw. ausgewählt ist.
Beispiel
HTML-Quellcode des Hyperlinks (zB): <a href="http://www.cadat.at/">www.cadat.at</a>
CSS-Quellcode für Pseudoklassen, angewendet auf den Hyperlink ( <a href=.....>...</a>);
a:link {color: #096;}
a:visited {color: #666;}
a:hover {color: #F00;}
a:active {text-decoration: underline overline;}
Der neue Link wird in einer grün-blauen und der besuchte in einer grauen Farbe angezeigt. Beim Darüberfahren mit dem Zeigegerät erscheint der Link rot. Beim aktiven Link wird noch ein waagrechter Strich oben (overline) hinzugefügt, |
