Bitte warten...

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 kopieren
  1. <style>
  2. a:link { color:cyan; }
  3. a:hover { background-color:black; }
  4. a:focus { background-color:grey; }
  5. a:active { color:red; }
  6. a:visited { color:green; }
  7. </style>

Dieser Code führt zu folgender Darstellung:

HTML CSS PHP JavaScript Überraschung