Pseudo-classes

Une pseudo-classe est utilisée pour définir l’état spécifique d’un élément. Par exemple, on peut l’utiliser pour :

• Styliser un élément quand la souris clique dessus
• Styliser les liens visités et non visités
• Styliser un élément quand le curseur est mis dans un champ de texte

Syntaxe

Voici la syntaxe d’une pseudo-classe :

selecteur:pseudo-classe {
    propriété : valeur;
}

Pseudo-classes et classes CSS

Les pseudo-classes peuvent se combiner avec les classes CSS.

Exemple :

div.xy:hover {
    color: blue;
}

Survol d’une <div>