Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m287:learningunits:lu02:loesungen:pseudo-klassen [2026/03/18 08:15] – vdemir
+++ de:modul:m287:learningunits:lu02:loesungen:pseudo-klassen [2026/03/18 08:18] (aktuell) – [Index.htm] vdemir
@@ Zeile 25: / Zeile 25: @@
 ----
-===== Aufgabe 2: Praktische Übung mit Pseudo-Klassen =====
+===== Index.html =====
-==== Ausgangslage ====
-Erstellen Sie eine Datei ''index.html'' mit folgendem Inhalt:
 <code html>
@@ Zeile 65: / Zeile 61: @@
   - Testen Sie Ihre Lösung, indem Sie die HTML-Datei in einem Browser öffnen und mit den Elementen interagiert!
-Lösung zu ''styles.css''
+==== Lösung ''styles.css'' ====
 <code CSS>
@@ Zeile 82: / Zeile 78: @@
 }
-/* Teil 2: . Fügen Sie eine Regel hinzu, die das <button>-Element verändert, wenn die Maus darüberfährt (hover). */
+/* Teil 2: Fügen Sie eine Regel hinzu, die das <button>-Element verändert, wenn die Maus darüberfährt (hover). */
 button:hover {
     background-color: darkorange;
@@ Zeile 103: / Zeile 99: @@
 }
-/* Teil 5.Setzen Sie eine Regel, die den ersten <li> fett macht und den letzten <li> grau färbt. */
+/* Teil 5: Setzen Sie eine Regel, die den ersten <li> fett macht und den letzten <li> grau färbt. */
 li:first-child {
     font-weight: bold;