L'aspect actuel des "boutons" est maintenant correct. Mais ils ne réagissent pas encore au passage de la souris.
Pour obtenir l'effet désiré, nous allons faire appel à une nouvelle pseudo-classe.
La pseudo-classe visited permet de traiter un événement qui a eu lieu dans le navigateur. Tout se passe comme si l'on ajoutait une classe à l'élément visé.
La pseudo-classe hover permet de traiter un événement qui peut se dérouler dans le navigateur: le passage de la souris au-dessus d'un élément du texte.
Et, bien sûr, il n'y a pas vraiment de nouvelle classe .hover ajoutée. C'est de nouveau une classe "fantôme".
Très exactement comme dans le cas de la pseudo-classe .visited.
Nous allons établir un style pour les éléments de type "lien" (les balises <a>) qui figurent dans le menu lorsqu'ils sont survolés par la souris.
Quand tu as obtenu l'effet de boutons dynamiques, passe à la page suivante.
Vers la page suivante