CSS :active-Selektoren
Vollständiges CSS-Selektor-Referenzhandbuch
Beispiel
Wählen Sie den Stil für aktive Links aus:
{
background-color:yellow;
}
Selbst ausprobieren »
Definition und Verwendung
:active fügt einem aktiven Link einen speziellen Stil hinzu.
Wenn Sie auf einen Link klicken, wird er zu einem aktiven Link.
Tipp: :linkDer Selektor legt den Stil für nicht besuchte Seitenlinks fest.:visitedDer Selektor legt den Stil für besuchte Seitenlinks fest.:hoverDer Selektor legt den Stil für Links fest, wenn der Mauszeiger über ihnen schwebt.
Hinweis:Um den erwarteten Effekt zu erzielen, muss :active in CSS-Definitionen nach :hover stehen!!
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft unterstützt.
| Selektoren | |||||
|---|---|---|---|---|---|
| :active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Hinweis:Für alle Elemente unterstützen IE8 und neuere Browserversionen den :active-Selektor. In IE7 unterstützt der :active-Selektor nur Links.
Ähnliche Artikel
CSS-Tutorial:CSS-Links
CSS-Tutorial: CSS-Pseudoklassen
Weitere 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-Stiloptionen:
a.ex2:hover,a.ex2:active {font-size:150%;}
Selbst ausprobieren »
Weitere Erweiterungen