: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

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

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

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

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

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

	Desktop					Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android
`:target-current`	135	135	No	120	No	No	No	No	No	No	No