`:target-current` CSS pseudo-class

Baseline Limited availability

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

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

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

Examples

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

Basic usage

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

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

Specifications

Specification
CSS Overflow Module Level 5 # selectordef-target-current

Browser compatibility