Pseudo-classe CSS `:target-current`

Disponibilité limitée

Cette fonctionnalité n'est pas Compatible car elle ne fonctionne pas dans certains des navigateurs les plus utilisés.

Want more browser support for this feature? Tell us why.

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 {
  /* ... */
}

Voir Créer des carrousels CSS et ::scroll-marker pour des exemples complets qui utilisent la pseudo-classe :target-current.

css

::scroll-marker {
  background-color: white;
}

::scroll-marker:target-current {
  background-color: black;
}

Spécification
CSS Overflow Module Level 5 # selectordef-target-current

Cette page a été modifiée le 17 avr. 2026 par les contributeur·ice·s du MDN.