Comprendre le survol et la pseudo-classe :hover en CSS

Le survol fait référence à l'état d'un élément lorsque le pointeur de la souris de l'utilisateur est positionné dessus. Lorsqu'un élément est survolé, il est généralement mis en surbrillance ou souligné d'une manière ou d'une autre pour indiquer qu'il s'agit de l'élément actuellement sélectionné ou ciblé.

En HTML et CSS, vous pouvez utiliser la pseudo-classe `:hover` pour définir des styles pour les éléments lorsqu'ils sont survolés. sont survolés. Par exemple, vous pouvez utiliser la pseudo-classe `:hover` pour changer la couleur d'arrière-plan d'un élément, ajouter une ombre portée ou modifier sa décoration de texte.

Voici un exemple d'utilisation de la pseudo-classe `:hover` en CSS:
```
#my-element:hover {
background-color: #ff0000; /* fond rouge au survol */
}
```
Cela appliquera les styles définis dans le bloc `:` à tout élément avec l'ID `my-element` lorsqu'il est survolé. Vous pouvez également utiliser la pseudo-classe `:hover` sur d'autres sélecteurs, tels que des classes ou des éléments, pour appliquer les styles à des types spécifiques d'éléments lorsqu'ils sont survolés.