Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:m287:learningunits:lu02:loesungen:pseudo-klassen [2026/03/18 08:12] – 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 html>
+<code CSS>
 /* Grundlayout */
 body {
@@ 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;
@@ Zeile 122: / Zeile 118: @@
 </code>
-==== Rahmenbedingungen =====
+----
-^ Was ^ Beschreibung ^
+[[https://creativecommons.org/licenses/by-nc-sa/4.0/|{{https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png}}]] Volkan Demir
-| Produkt | HTML- und CSS-Datei |
-| Zeit | 15 Min. |
-| Sozialform | Einzel- oder Partnerarbeit |