:any-link et :local-link, pseudo-classes relatives aux liens.

Description des pseudo-classes :any-link et :local-link.

:any-link

:any-link désigne les éléments qui comportent un attribut href, c'est à dire les balise a, area et link, que ces liens soient visités ou non. Ce sélecteur se distingue des sélecteurs :link et :visited, car il cible également les balises area. D'autre part, :any-link simplifie l'écriture dans le cas de sélecteurs combinés. Exemple :

/* Désigner tous les liens de l'élément id="edito" */ #edito :link, #edito :visited { ... } /* Peut se simplifier en utilisant :any-link */ #edito :any-link { ... }

Voici un exemple d'utilisation de :any-link : l'image ci-dessous comporte des liens de type area.

Firefox Edge Chrome Opera Safari

Les principaux navigateurs

:local-link.

:local-link ⚠ désignent 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 (2024).

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

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.

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

Compatibilité des navigateurs.

La pseudo-classe :any-link est à présent bien reconnue par les navigateurs, mais :local-link pose encore quelques problèmes de compatibilité.

1
Pseudo-classe
:any-link
Estimation de la prise en charge globale.

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

QQ Browser

Safari sur IOS

Firefox pour Androïd

Opéra Mobile

Baidu Browser

KaiOS Browser

UC Browser pour Androïd

Opéra

Safari

Firefox

Chrome pour Androïd

Samsung Internet

Chrome

Edge

Androïd Brower

Opéra mini

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

Historique des pseudo-classes :any-link et :local-link.

  • Sélecteurs - Niveau 4

    Introduction des pseudo-classes :any-link et :local-link.
    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.

    :link
    Pseudo-classe désignant les liens hypertexte non visités.
    ⚠
    :local-link
    Pseudo-class désignant 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 désignant les liens hypertexte déjà visités.