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

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet 1Edge Support complet OuiFirefox Support complet 1IE Support complet OuiOpera Support complet 3.5Safari Support complet 1WebView Android Support complet 4.4Chrome Android ? Edge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet 37Safari iOS Support complet 9.3Samsung Internet Android ?
Restrict CSS properties allowed in a statement using :visited for privacyChrome Support complet 6Edge Support complet OuiFirefox Support complet 4IE Support complet 8Opera ? Safari Support complet 5WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?

Légende

Support complet  
Support complet
Compatibilité inconnue  
Compatibilité inconnue

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,