Heim >Web-Frontend >CSS-Tutorial >Wie formatiere ich Text mit Hover-Effekten in CSS richtig?
Text mit Hover in CSS formatieren
Wenn Sie einen interaktiven Effekt auf einem HTML-Element erstellen möchten, wenn die Maus darüber fährt, verwenden Sie CSS Hover-Pseudoelement ist praktisch.
In Ihrem Fall wollten Sie eine Unterstreichung zu einem hinzufügen. Element, wenn die Maus darüber fährt. Allerdings hat Ihr Code a .hover :hover {text-decoration:underline;} nicht funktioniert. Das Problem liegt in der Syntax.
Um den gewünschten Effekt zu erzielen, verwenden Sie die richtige Syntax:
a:hover { text-decoration: underline; }
Dieser Code wendet den Unterstreichungsstil auf das an. Element, wenn die Maus darüber fährt. Sie können bei Bedarf auch einen Klassenselektor verwenden:
a.hover:hover { text-decoration: underline; }
Die Verwendung eines Klassennamens für diesen Zweck bietet jedoch keine zusätzliche Funktionalität im Vergleich zur reinen CSS-Lösung. Der Klassenname „hover“ fügt dem Element kein eindeutiges Verhalten hinzu, da a:hover bereits dieselbe Funktionalität erfüllt.
Das obige ist der detaillierte Inhalt vonWie formatiere ich Text mit Hover-Effekten in CSS richtig?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!