Pseudoklassen: Textformatierung

Basislayout

Implementieren Sie die HTML-Seite analog zur Abbildung.

Basislayout mit einer Liste
Basislayout mit einer Liste
Pseudoklassen

Ergänzen Sie die CSS-Datei um passende Pseudoklassen, um das gewünschte Verhalten zu erzielen:

  • Fährt der Benutzer mit der Maus über einen Listeneintrag, wird dessen Text rot und fett.
  • Beim Klick wird der Text doppelt so groß und blau.
Layout mit Hover-Effekt
Layout mit Hover-Effekt
Layout mit Klick
Layout mit Klick