Vous pouvez styliser un lien dans CSS en utilisant le pseudo-classes `:link`, `:visited`, `:hover` et `:active`.
- `:link` est utilisée pour changer l’apparence des liens non visités.
- `:visited` est utilisée pour changer l’apparence des liens visités.
- `:hover` est utilisée pour changer l’apparence des liens lorsque vous passez votre souris dessus (survol).
- `:active` est utilisée pour changer l’apparence des liens au moment où ils sont cliqués.
Ces pseudo-classes sont utilisées avec le sélecteur `a` qui cible tous les liens.
Voici un exemple de comment vous pourriez styliser des liens avec CSS :
```
/* style pour les liens non visités */
a:link {
color: red;
}
/* style pour les liens visités */
a:visited {
color: green;
}
/* style pour les liens survolés */
a:hover {
color: orange;
}
/* style pour les liens actifs */
a:active {
color: blue;
}
```
Notez que l’ordre de ces pseudo-classes est important et devrait être comme ci-dessus `(link -> visited -> hover -> active)`. C’est ce qu’on appelle parfois la règle `LVHA`. L’ordre est important pour surmonter les problèmes de spécificité CSS et pour que les styles s’appliquent correctement.
