Comment styliser correctement le texte avec des effets de survol en CSS ?

Style du texte avec survol en CSS

Lorsque vous souhaitez créer un effet interactif sur un élément HTML lorsque la souris le survole, les CSS Le pseudo-élément de survol est pratique.

Dans votre cas, vous vouliez ajouter un soulignement à un élément lorsque la souris le survole. Cependant, votre code .hover :hover {text-decoration:underline;} n'a pas fonctionné. Le problème réside dans la syntaxe.

Pour obtenir l'effet souhaité, utilisez la syntaxe correcte :

a:hover { text-decoration: underline; }

Ce code applique le style de soulignement au élément lorsque la souris le survole. Vous pouvez également utiliser un sélecteur de classe si vous le souhaitez :

a.hover:hover { text-decoration: underline; }

Cependant, l'utilisation d'un nom de classe à cet effet n'offre aucune fonctionnalité supplémentaire par rapport à la solution CSS pure. Le survol du nom de classe n'ajoute aucun comportement unique à l'élément, car a:hover remplit déjà la même fonctionnalité.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!