====== LU02.A03 - Pseudo-Klassen ======= ===== Aufgabe 1: Theoriefragen zu Pseudo-Klassen ===== Beantworten Sie die folgenden Fragen zu CSS-Pseudo-Klassen: **1. Was ist eine CSS-Pseudo-Klasse? Erkläre den Unterschied zwischen einer normalen Klasse und einer Pseudo-Klasse?** * Eine Pseudo-Klasse beschreibt einen bestimmten Zustand eines Elements (z. B. Hover oder Fokus), ohne dass HTML angepasst wird. * Eine normale Klasse wird dagegen explizit im HTML vergeben (class="...") und ist dauerhaft. **2. Welche Pseudo-Klasse wird verwendet, um das Styling eines Links zu ändern, wenn die Maus darüberfährt?** * Die Pseudo-Klasse lautet :hover und wird aktiviert, wenn sich die Maus über dem Element befindet. ** 3. Mit welcher Pseudo-Klasse kann ein Element gezielt werden, das den Fokus hat (z. B. ein Input-Feld)?** * Dafür wird :focus verwendet; sie greift, wenn ein Element aktiv ausgewählt ist (z. B. durch Klick oder Tab). ** 4. Welche Pseudo-Klassen ermöglichen es, das erste und das letzte Kind eines übergeordneten Elements zu stylen?** * //:first-child// wählt das erste Kind eines Elements * //:last-child// das letzte **5. Erkläre den Unterschied zwischen ''nth-child(n)'' und ''nth-of-type(n)''.** * //nth-child(n)// zählt alle Kindelemente unabhängig vom Typ * //nth-of-type(n)// berücksichtigt nur Elemente desselben Typs (z. B. nur
  • ) ---- ===== Index.html ===== 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 ''