:target-current
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 :target-current sélectionne le marqueur de défilement actif — le pseudo-élément ::scroll-marker d'un scroll-marker-group qui est actuellement défilé. Ce sélecteur peut être utilisé pour styliser la position de navigation active au sein d'un groupe de marqueurs de défilement.
Note :
La pseudo-classe :target-current n'est valide que sur les pseudo-éléments ::scroll-marker.
Syntaxe
css
:target-current {
/* ... */
}
Exemples
Voir Créer des carrousels CSS et ::scroll-marker pour des exemples complets qui utilisent la pseudo-classe :target-current.
Utilisation de base
css
::scroll-marker {
background-color: white;
}
::scroll-marker:target-current {
background-color: black;
}
Spécifications
| Specification |
|---|
| CSS Overflow Module Level 5 # active-scroll-marker |
Compatibilité des navigateurs
Chargement…
Voir aussi
scroll-marker-group::scroll-marker::scroll-marker-group- Créer des carrousels CSS
- Le module CSS overflow
- Galerie de carrousels CSS (angl.) sur chrome.dev (2025)