Pseudoklassen und -elemente

Links – <a>

W3C Standard

Für Links existieren eine Reihe von Pseudoklassen, die individuell formatiert werden können:

:link – unbesuchter Link
:visited – besuchter Link
:hover – per Maus angesteuerter Link
:focus – per Tastatur fokussierter Link
:active – aktivierter Link

Firefox interpretiert einige Pseudoklassen unterschiedlich:
:visited – wird von Firefox ≤ 3.6 nicht unterstützt
:focus – per Tastatur fokussierter Link und aktivierter Link
:active – wird von Firefox 4 nicht unterstützt

Hier ein paar Beispiele:

Code auswählen
1
2
3
4
5
6
7
 
<style>
  a:link { color:cyan; }
  a:hover { background-color:black; }
  a:focus { background-color:grey; }
  a:active { color:red; }
  a:visited { color:green; }
</style>

Dieser Code führt zu folgender Darstellung:

HTML CSS PHP JavaScript Überraschung