CSS :hoverSelektoren
Vollständiges CSS-Selektor-Referenzhandbuch
Beispiel
Wählen Sie den Stil aus, wenn die Maus über einen Link fährt:
Selbst ausprobieren »
Definition und Verwendung
:hover fügt einen speziellen Stil hinzu, wenn der Mauszeiger über einen Link bewegt wird.
Tipp:Der :hover-Selektor kann auf alle Elemente angewendet werden, nicht nur auf Links.
Tipp: :linkDer Selektor legt den Stil für nicht besuchte Seitenlinks fest.:visitedDer Selektor legt den Stil für besuchte Seitenlinks fest.:activeDer Selektor legt den Stil für das Anklicken eines Links fest.
Hinweis:Für den gewünschten Effekt muss :hover in der CSS-Definition nach :link und :visited platziert werden!!
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft unterstützt.
| Selektoren | |||||
|---|---|---|---|---|---|
| :hover | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Hinweis:Muss im IE deklariert werden<!DOCTYPE>Nur so kann garantiert werden, dass der :hover-Selektor effektiv funktioniert.
Verwandte
CSS-Tutorial:CSS-Links
CSS-Tutorial:CSS-Pseudoklassen
Probieren Sie es selbst - Beispiele
Beispiel
Links, die aktiv, besucht, nicht besucht sind oder über denen die Maus schwebt:
a:visited {color:green;}
a:hover {color:red;}
a:active {color:yellow;}
Selbst ausprobieren »
Beispiel
Verschiedene Link-Stile
a.ex2:hover,a.ex2:active {font-size:150%;}
Selbst ausprobieren »
Weitere Erweiterungen