:link et :visited, pseudo-classes relatives aux liens.

Description des pseudo-classes :link et :visited.

Ces sélecteurs font référence aux liens hypertexte, autrement dit aux balises HTML suivantes : a et area lorsqu'un attribut href est présent.

• :link désigne les liens non visités.
• :visited désigne au contraire les liens déjà visités.

Les liens visités restent dans cet état un certains nombre de jours, à la discrétion du navigateur. L'utilisateur peut également effacer l'historique de navigation, ce qui aura pour effet de remettre tous les liens en non-visités.

De nombreux conflits peuvent apparaître, car un même lien peut être désigné à la fois par la pseudo-classe :link, par la pseudo-classe :active, par la pseudo-classe :any-link et par un sélecteur direct sur les balises qui comportent le lien, comme a, area, etc. Les règles sont les suivantes :

• Les trois pseudo-classes :link, :active et :any-link ont la même priorité. C'est donc la règle rencontrée en dernier qui sera prise en compte.
• Les sélecteurs sur les balises a, area et link ont une priorité moindre, quelque soit leur emplacement. C'est donc toujours les règles sur les pseudo-classes qui sont prises en compte, même si elles se trouvent avant.

Pour une explication plus complète sur la résolution des conflits en CSS, reportez-vous au tutoriel sur Les priorités.

Remarque : il existe maintenant une pseudo-classe permettant de cibler tous les liens, visités ou non : :any-link.

Exemples d'utilisation des pseudo-classes relatives aux liens.

Distinction entre liens visités et liens non visités.

Cette première série d'exemples illustre la distinction entre les liens visités et les liens non visités. Les premiers sont affichés en rouge, et les liens non visités en gris. En effaçant l'historique de navigation, vous pouvez remettre les liens déjà visités dans leur état 'non visité'.

Priorité par rapport au sélecteur sur a.

Les sélecteur par balise ont une priorité moins importante que les sélecteurs par pseudo-classe. En conséquence, la règle qui cible les balises a n'est jamais activé, bien qu'elle soit située après celles qui ciblent les pseudo-classes :link et :visited.

Priorité par rapport à :any-link.

La pseudo-classe :any-link a la même spécificité que les pseudo-classes :link et :visited. C'est donc la dernière règle rencontré qui est active, comme le montre l'exemple ci-dessous.

Compatibilité des navigateurs.

Les pseudo-classes :link et :visited sont bien reconnues par tous les navigateurs.

1

Pseudo-classe
:link

2

Pseudo-classe
:visited

Estimation de la prise en charge globale.

97%

97%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

UC Browser pour Androïd

Opéra Mobile

QQ Browser

Baidu Browser

Safari

Samsung Internet

Opéra

Safari sur IOS

Firefox

Firefox pour Androïd

Edge

Chrome

Androïd Brower

KaiOS Browser

Chrome pour Androïd

Opéra mini

Voir le site Caniuse.com pour plus d'informations de compatibilité.

Caniuse

Caniuse

Historique des pseudo-classes :link et :visited.

• CSS 2.1 - Spécification concernant les feuilles de styles en cascade - Révision 1

  Ce niveau 2 de la spécification décrit le mécanisme des styles en cascade de CSS. Ce langage est utilisé pour formater les documents HTML ou XML. Il prend en charge les feuilles de style spécifiques aux médias afin que les auteurs puissent adapter la présentation de leurs documents aux navigateurs visuels, aux dispositifs auditifs, aux imprimantes, aux appareils braille, aux appareils portables, etc.

  Concernant :link Introduction des pseudo-classes :link et :visited.
  

  04 Novembre 1997

  Document de travail.

  

  24 Mars 1998

  Proposé à la recommandation.

  

  11 Mai 1998

  Recommandation.

• Sélecteurs - Niveau 3

  Ce document décrit les sélecteurs qui existent déjà dans CSS1 et CSS2, et présente en plus de nouveaux sélecteurs pour CSS3 et d'autres langages qui pourraient en avoir besoin.

  Concernant :link Pas de changement concernant les pseudo-classes :link et :visited.
  

  03 Août 1999

  Document de travail.

  

  13 Novembre 2001

  Candidat à la recommandation.

  

  15 Décembre 2009

  Proposé à la recommandation.

  

  29 Septembre 2011

  Recommandation.

• Sélecteurs - Niveau 4

  Ce module de spécification définit de nouveaux sélecteurs utilisables en CSS.

  Concernant :link Pas de changement concernant les pseudo-classes :link et :visited.
  

  29 Septembre 2011

  Document de travail.

  

  

  

Voir aussi...

Plusieurs pseudo-classes permettent de cibler les liens sur une page, ou les parties de page désignées par l'URL (signet). Reportez-vous aux pages décrivant les sélecteurs ci-après pour compléter votre information.