:visited

La pseudo-classe :visited permet de modifier l'aspect d'un lien après que l'utilisateur l'a visité. 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).

Notes :  Pour des raisons de vie privée, les navigateurs limitent les propriétés qui peuvent être appliquées à cette pseudo-classe. Seules color, background-color, border-color, border-bottom-color, border-left-color, border-right-color, border-top-color, outline-color, column-rule-color, fill et stroke pourront être utilisées. On notera également que la composante alpha sera ignorée : la composante alpha d'un lien non-visité est utilisé à la place (sauf quand l'opacité est 0, dans ce cas, toute la couleur est ignorée, ainsi que celle de la règle non-visité).

Bien qu'on puisse modifier la couleur d'un lien, la méthode getComputedStyle mentira et indiquera toujours la valeur de la couleur de la règle pour les liens non-visités.

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 { style properties }

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
WHATWG 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é Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support simple 1.0 1.0 (1.7 ou moins) 3.5 3.5 1.0
Restriction des propriétés CSS autorisées dans une déclaration utilisant :visited 6 4.0 (2.0) 8 (or earlier) ? 5.0
Fonctionnalité Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support simple ? 1.0 (1.0) ? ? ?

Voir aussi

Étiquettes et contributeurs liés au document

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