Le langage CSS ne nous permet pas seulement de modifier des éléments statiques, il nous permet aussi de modifier dynamiquement des éléments de la page notamment le survol.
Par exemple, si je veux que mes liens soient vert, mais que ceux-ci deviennent automatiquement rouge si le visiteur passe sa souris au dessus de mon lien ?
Pour modifier les propriétés au survol de la souris il faut utiliser le pseudo-format :hover.
Ce pseudo-format s'ajoute après l'identificateur de l'élément, comme ceci :
a:hover { color: red; }
Et pour reprendre l'exemple du lien vert qui devient rouge au survol on fait comme ça :
a { color: green; }
a:hover { color: red; }
Intéressant, n'est-ce pas ?
Cette technique du survol peut s'utiliser sur les liens, ce qui est généralement le cas, mais également sur n'importe quelle autre balise comme une image ou encore un paragraphe.