Pourquoi mon effet de survol ne fonctionne-t-il pas sur mon bouton ?

Changer la couleur d'un bouton en survol : une résolution alternative

Lorsque vous essayez de modifier la couleur d'un bouton en survol, cela peut être frustrant si la solution ne parvient pas à produire l’effet souhaité. Considérez l'exemple de code fourni :

a.button {
   ...
}
a.button a:hover{
     background: #383;
}

Cette solution tente de changer la couleur d'arrière-plan d'un lien lorsqu'il est survolé dans un élément avec la classe "bouton". Cependant, cela ne fonctionne pas car le sélecteur est incorrect.

Pour changer efficacement la couleur du bouton au survol, la syntaxe correcte est :

a.button:hover{
     background: #383;
}

Dans ce cas, le sélecteur "a. button:hover" cible le lien "bouton" lui-même lorsqu'il est survolé, permettant le changement de couleur souhaité.

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!