Aufgabe 6: Klassen stylen

In dieser Lektion wollen wir die neu kennengelernten CSS-Selektoren anwenden. Dazu wollen wir die beiden Klassen verwenden, die wir in der letzten Aufgabe hinzugefügt haben.

1. Öffne die Datei style.css.
2. Füge einen neuen CSS-Selektor hinzu, der die Klasse hobbies-text auswählt.
3. Ändere die Hintergrundfarbe der Klasse hobbies-text (z.B. zu grey).
4. Füge einen neuen CSS-Selektor hinzu, der die Klasse hobbies-bild auswählt.
5. Ändere die Hintergrundfarbe der Klasse hobbies-bild (z.B. zu lightblue).

Lösung

.hobbies-text {
  background-color: grey;
}

.hobbies-bild {
  background-color: lightblue;
}