Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
:local-link
Expérimental:Il s'agit d'unetechnologie expérimentale.
Vérifiez attentivement letableau de compatibilité des navigateurs avant de l'utiliser en production.
Lapseudo-classeCSS: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 dessélecteurs CSS