====== LU02.A03 - Pseudo-Klassen ======= ===== Aufgabe 1: Theoriefragen zu Pseudo-Klassen ===== Beantworten Sie die folgenden Fragen zu CSS-Pseudo-Klassen: - Was ist eine CSS-Pseudo-Klasse? Erkläre den Unterschied zwischen einer normalen Klasse und einer Pseudo-Klasse. - Welche Pseudo-Klasse wird verwendet, um das Styling eines Links zu ändern, wenn die Maus darüberfährt? - Mit welcher Pseudo-Klasse kann ein Element gezielt werden, das den Fokus hat (z. B. ein Input-Feld)? - Welche Pseudo-Klassen ermöglichen es, das erste und das letzte Kind eines übergeordneten Elements zu stylen? - Erkläre den Unterschied zwischen ''nth-child(n)'' und ''nth-of-type(n)''. ==== Rahmenbedingungen ===== ^ Was ^ Beschreibung ^ | Produkt | Notiz mit Ihren Antworten | | Zeit | 5 Min. | | Sozialform | Einzel- oder Partnerarbeit | ---- ===== Aufgabe 2: Praktische Übung mit Pseudo-Klassen ===== ==== Ausgangslage ==== Erstellen Sie eine Datei ''index.html'' mit folgendem Inhalt: Pseudo-Klassen Übung

Pseudo-Klassen in Aktion

 ==== Aufgabenstellung ==== - Erstellen Sie eine CSS-Datei ''styles.css'' und verknüpfe sie die CSS-Datei mit der HTML-Datei. - Fügen Sie eine Regel hinzu, die das ''