RootRifs
Zurück zu Kapitel 2: CSS-Grundlagen

HTML & CSS | Beginner

Pseudo-Klassen und Hover-Effekte

Interaktionen und Zustände mit CSS gestalten.

Lernziel

Du lernst, wie Hover- und Fokus-Zustände mit CSS angesprochen werden.

Beispiel

a:hover {
    color: #60a5fa;
}

button:focus {
    outline: 2px solid #2563eb;
}

Hinweis

Hover ist für Mausnutzer nützlich, Fokus ist wichtig für Tastaturbedienung.