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!