La pseudo-classe :visited permet de modifier l'aspect d'un lien après que l'utilisateur l'a visité. Pour des raisons relatives à la vie privée, les propriétés qui peuvent être utilisées sont restreintes.

a:visited {
  color: #4b2f89;
}

Cette mise en forme peut être écrasée par toute autre pseudo-classe liée aux liens (:link, :hover, et :active) qui apparaîtrait dans les règles CSS suivantes. Il est donc important de bien ordonner les pseudo-classes pour une bonne mise en forme : :visited doit être utilisée après une règle basée sur :link, mais avant les autres  (:link:visited:hover:active).

Restrictions

Pour des raisons de vie privée, les navigateurs limitent les propriétés qui peuvent être appliquées à cette pseudo-classe :

Pour d'autres informations sur ces limitations et leurs raisons d'être, se référer à l 'article Vie privée et le sélecteur :visited.

Syntaxe

:visited

Exemples

CSS

a:visited { color: #00ff00; }

HTML

<p><a href="https://developer.mozilla.org/fr/docs/Web/CSS/:visited">
  Cette page est visitée
</a></p>
<p><a href="https://developer.mozilla.org/fr/docs/Web/JavaScript/Guide/">
  Essayez celle-ci peut-être ?
</a></p>

Résultat

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de ':visited' dans cette spécification.
Standard évolutif  
Selectors Level 4
La définition de ':visited' dans cette spécification.
Version de travail Aucune modification.
Selectors Level 3
La définition de ':visited' dans cette spécification.
Recommendation Aucune modification.
CSS Level 2 (Revision 1)
La définition de ':visited' dans cette spécification.
Recommendation Suppression de la restriction limitant son usage à l'élément <a>. Permission donnée aux navigateurs de limiter le comportement de cette pseudo-classe pour des questions de vie privée.
CSS Level 1
La définition de ':visited' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple1 Oui1 Oui3.51
Restrict CSS properties allowed in a statement using :visited for privacy6 Oui48 ?5
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Support simple4.4 ? Oui4379.3 ?
Restrict CSS properties allowed in a statement using :visited for privacy ? ? ? ? ? ? ?

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, flexbox, FredB, teoli, tregagnon, ThePrisoner
Dernière mise à jour par : SphinxKnight,