:target-current

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The :target-current CSS pseudo-class selects the active scroll marker — the ::scroll-marker pseudo-element of a scroll-marker-group that is currently scrolled to. This selector can be used to style the active navigation position within a scroll marker group.

Note: The :target-current pseudo-class is only valid on ::scroll-marker pseudo-elements.

Syntax

css

:target-current {
  /* ... */
}

See Creating CSS carousels and ::scroll-marker for complete examples that use the :target-current pseudo-class.

css

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

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

Specification
CSS Overflow Module Level 5 # active-scroll-marker

This page was last modified on ⁨Jul 14, 2025⁩ by MDN contributors.