Sélecteur :HOVER

Rôle

Le sélecteur hover est une pseudo-classe désigné par la syntaxe :hover qui permet d’appliquer une feuille de style sur un élément lorsqu’on le survole.

 Note : ce sélecteur peut être appliqué à tous les éléments mais il est surtout utilisé sur les liens.

Dans l’exemple ci-dessous le soulignement disparait et le lien devient vert lorsqu’on le survole.

a:hover{
    text-decoration: none;
    color: green;
}

<a href="//tutowebdesign.com">visitez Tutovisuel</a>

Testez vous-même ce sélecteur

Ce sélécteur s’utilise souvent avec trois autres sélécteurs, le sélecteur link pour présenter les liens des pages non visitées, le sélecteur active pour changer l’aspect des liens au click et le sélecteur visitedpour présenter les liens des pages visitées.

Vous devez respecter l’ordre d’utilisation de ces quatres sélecteurs : link – visited – hover – active (retenez ce memo technique; LoVe HAte).

Version : CSS1

Compatibilité

Le sélecteur hover est pris en charge par tous les principaux navigateurs

A voir aussi

:link (sélecteur link)
:active (sélecteur active)
:visited (sélecteur visited)