:local-link
Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.
La pseudo-classe CSS :local-link représente un lien vers le même document. Il s'agit donc d'un élément qui est l'ancre source d'un lien hypertexte dont la cible est une URL absolue correspondant à l'URL du document contenant l'élément.
css
/* Sélectionne n'importe quel <a> ciblant le document courant */
a:local-link {
color: green;
}
Syntaxe
css
:local-link {
/* ... */
}
Exemples
HTML
html
<a href="#target">Voici un lien vers la page courante.</a><br />
<a href="https://example.fr">Voici un lien externe</a><br />
CSS
css
a:local-link {
color: green;
}
Résultat
Spécifications
| Specification |
|---|
| Selectors Level 4 # local-link-pseudo |
Compatibilité des navigateurs
Cette fonctionnalité est une proposition intégrée dans la spécification. Actuellement, aucun navigateur ne la prend en charge.
Voir aussi
- Pseudo-classes relatives aux liens :
- Le module des sélecteurs CSS