: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.

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

BCD tables only load in the browser

Voir aussi