:visited

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

We’d love to hear your thoughts on the next set of proposals for the JavaScript language. You can find a description of the proposals here.
Please take two minutes to fill out our short survey.

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.

css
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

Error: could not find syntax for this item

Exemples

CSS

css
a:visited {
  color: #00ff00;
}

HTML

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

Specification
HTML
# selector-visited
Selectors Level 4
# visited-pseudo

Compatibilité des navigateurs

Voir aussi