====== Links mit Pseudoklassen gestalten ====== Für Links gibt es verschiedene Zustände. Wurde ein Link vom Besucher bereits aufgerufen, so hat er den Zustand "visited", wird ein Link mit der Maus berührt, hat er den Zustand "hover", usw. - Mit CSS kann man für jeden dieser Zustände bequem eine eigene Formatierung umsetzen, wie es auch bei vielen Websites gemacht wird. Bei Pseudoelementen und Pseudoklassen notiert man zuerst das betroffene HTML-Element, im Beispiel das ''a''-Element für Verweise. Dahinter folgt ein Doppelpunkt und dahinter eine erlaubte Angabe, im Beispiel etwa ''link'' (für noch nicht besuchte Verweisziele), ''visited'' (für bereits besuchte Verweisziele), ''hover'' (für Verweise, während der Anwender mit der Maus darüber fährt), ''active'' (für angeklickte Verweise) und ''focus'' (für z.B. mit der Tastatur ausgewählte Verweise). Wichtig ist, dass dies keine frei wählbaren Namen sind, sondern feste Schlüsselwörter. ^ Zustandsname ^ Erklärung ^ | link | Standard: Der Link wurde noch nicht aufgerufen, wird auch nicht mit der Maus berührt oder ähnliches | | visited | Der Link wurde vom Besucher bereits aufgerufen, er ist im Verlauf des verwendeten Browsers | | hover | Der Link wird mit der Maus gerade berührt | | focus | Der Link hat aktuell den Fokus | | active | Der Link wird gerade angeklickt, die Maustaste wurde aber noch nicht losgelassen | Diesen Zuständen kann mit Pseudoklassen eine eigene Formatierung zugeordnet werden. Dabei wird zur Auswahl in CSS einfach, wie bisher, das Element (und evtl. die Klasse/ID) angegeben, ergänzt mit **:zustand** ==== Praxisbeispiel==== Links Ein bedeutsamer Link
Ein bedeutsamer Link
===== Links ===== [[http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm|Pseudoelemente und -klassen]]