:local-link - Sélecteur CSS

Pseudo-classe :local-link - Description

La pseudo-classe :local-link ⚠ désigne les liens qui pointent vers le même domaine que la page sur laquelle ils se trouvent. Pour l'instant ce sélecteur est mal reconnu par les navigateurs (2026).

Le résultat devrait être conforme à ceci (il s'agit d'une simulation). La pseudo-classe :local-link nous permet d'ajouter, de façon automatique, un petit symbole ( 🔗 ) aux liens externes.

Ce lien pointe vers une autre
page de ce site index.

Ce lien pointe vers la page
d'accueil de 🔗 Google.

Pseudo-classe :local-link - Exemples d'utilisation.

Ci-dessous, les deux exemples présentés font la distinction entre les liens locaux (même domaine) et les liens externes (domaines différents) en ajoutant le caractère 🔗 avant les liens externes. Plus précisément on ajoute le symbole à tous les liens et on le retire pour les liens locaux.

Cet exemple ne fonctionnera que sur les navigateurs qui reconnaissent la pseudo-classe :local-link.

Pseudo-classe :local-link - Compatibilité des navigateur.

La pseudo-classe :local-link n'est pas encore traitée par les navigateurs (2026).

Pseudo-classe :local-link - Historique.

  • Sélecteurs - Niveau 4

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

    WD
    29 Septembre 2011
    Document de travail.
    CR
    PR
    REC

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.

:any-link
Pseudo-classe ciblant tous les liens (visités ou non), autrement dit, tous les éléments qui comportent un attribut href.
:link
Pseudo-classe ciblant les liens hypertexte non visités.
:local-link
Pseudo-classe ciblant les liens internes, à l'exclusion des liens pointant vers un autre domaine.
:target
Pseudo-classe désignant l'élément dont l'id figure dans l'url (signet).
::target-text
Cible le texte de l'élément désigné par le signet de l'url.
⚠
:target-within
Pseudo-classe désignant le container parent de l'élément dont l'id figure dans l'url.
:visited
Pseudo classe ciblant les liens hypertexte déjà visités.