Dynamische Pseudo-Klassen: `:active`

Beispiel

Die dynamische Pseudo-Klasse :active bestimmt das Aussehen von aktivierten Elementen, also von Elementen, die von einem Mauszeiger angeklickt werden. Genauer gesagt muss der Mauszeiger den rechteckigen Bereich (die Box), den jedes Element auf einer Seite einnimmt, anklicken und aktiviert ist ein Element solange die Maustaste gedrückt wird.
Normaler Weise wird :active für Hyperlinks eingesetzt, laut der W3C-Spezifikation ist diese Eigenschaft aber für alle Elemente zugelassen und so kannst du Formate z.B. auch für Formularfelder, Tabellenzellen und <div>-Container definieren. Leider unterstützen Opera und der Internet Explorer bis zur Version 6 :active nur für <a>-Tags.

<style type="text/css"><!-- 
 a:link{color:#000;}
 a:visited{color:#ff0;}
 a:hover{color:#f00;}
 a:active{color:#f00;}
--></style>
</head>

<body>
    <a href="datei1.htm">Link</a>
</body>

Anwendbar auf:	Alle Elemente
Werte:	Alle Stylesheet-Angaben
Bemerkung:	Es sind alle Stylesheet-Angaben erlaubt. Denke daran :active und :hover wie oben dargestellt nach :link und :visited zu definieren, da sie sonst die Eigenschaften von :visited übernehmen und die eigene Definition ignorieren. Dies ist kein Browser-Bug, sondern eine Festlegung in CSS. Weitere Infos findest Du hier: Pseudoformate für Hyperlinks und Unterschiedliche Pseudoformate für Hyperlinks