Pseudoklassen

:hover selektiert Elemente, über die man mit dem Mauszeiger fährt.

Du kannst im Stylesheet nach id selektieren, das funktioniert genauso wie die Sprungmarke, die wir schon durchgenommen haben. Übungen: In HTML:

In CSS: #zweiter-absatz { color: red;

Wozu benötigt man Klassen

Anders als ids dürfen Klassen in Dokumenten beliebig oft gewählt werden:

In HTML:

Dieser Text wird blau.

In CSS: .hobby { color: blue; } Man kann auch mehrere Klassen als Attributwerte durch Leerzeichen getrennt schreiben: In HTML:

Schwarzer Hintergrund

In CSS: .nacht { background-color: black; }