Die Syntax von Pseudo-Klassen: selector: Pseudo-Klasse {Eigenschaft: Wert;}

CSS-Klassen können auch mit Pseudo-Klassen verwendet werden: selector.class: Pseudo-Klasse {Eigenschaft: Wert;}

Anchor Pseudo-Klassen

Links können auf verschiedene Weise in einer CSS-Unterstützung Browser angezeigt werden:

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* gewählter Link */

Hinweis: a: hover muss nach a: link und a: visited kommen in der CSS-Definition, um wirksam zu sein!

Hinweis: a: active muß nach a: hover kommen in die CSS-Definition, um wirksam zu sein!

Hinweis: Pseudo-Klassen-Namen wird nicht zwischen Groß-und Kleinschreibung unterscheiden.

Pseudo-Klassen und CSS-Klassen

Pseudo-Klassen können mit CSS-Klassen kombiniert werden:

a.red:visited {color:#FF0000;}

<a class="red" href="#">who</a>