`:target-current` CSS pseudo-class

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

See full compatibility

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 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 and elements that have been designated as scroll markers using the scroll-target-group property.

Syntax

css

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

Examples

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

Basic usage

css

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

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

Specifications

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

Browser compatibility

	desktop					mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Internet	WebView Android	WebView on iOS
`:target-current` Experimental	Chrome – Full support Chrome 135 (Release date: 2025-04-01) footnote Full support	Edge – Full support Edge 135 (Release date: 2025-04-04) footnote Full support	Firefox – No support Firefox footnote No support	Opera – Full support Opera 120 (Release date: 2025-07-02) footnote Full support	Safari – No support Safari footnote No support	Chrome Android – Full support Chrome Android 135 (Release date: 2025-04-01) footnote Full support	Firefox for Android – No support Firefox for Android footnote No support	Opera Android – Full support Opera Android 89 (Release date: 2025-04-29) footnote Full support	Safari on iOS – No support Safari on iOS footnote No support	Samsung Internet – Full support Samsung Internet 29 (Release date: 2025-10-25) footnote Full support	WebView Android – Full support WebView Android 135 (Release date: 2025-04-01) footnote Full support	WebView on iOS – No support WebView on iOS footnote No support

Tip: you can click/tap on a cell for more information.

Full support: Full support
No support: No support
: Experimental. Expect behavior to change in the future.

:target-current CSS pseudo-class