Pseudoklassen: Eine Seite über Hamburg

Betrachten Sie für die folgende Aufgabe dieses Archiv: Vorlage_Hamburg.zip. Entzippen Sie es in Ihr Arbeitsverzeichnis und ändern Sie für diese Aufgabe nur die CSS-Datei.

Die Webseite enthält einen Link, ein Bild und ein Container-Element für einen Text. Setzen Sie folgenden Vorgaben mit Pseudoklassen um:

• Alle drei Elemente erhalten jeweils einen gelben Rahmen, sobald die Maus über das einzelne Element bewegt wird.
• Zudem verringert sich bei allen drei Elementen die Deckkraft (opacity) des einzelnen Elementes, solange darauf geklickt wird.
• Der Link hat eine Schriftfarbe. Diese verändert sich, während die Maus über den Link bewegt wird und nochmals, wenn der Link bereits angeklickt wurde.
• Zusätzlich wird die Schrift des Linktextes kursiv, während die Maus über dem Link liegt.