:target-current

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Die :target-current CSS Pseudo-Klasse wählt den aktiven Scroll-Marker — das ::scroll-marker Pseudo-Element einer scroll-marker-group, zu der gerade gescrollt wird. Dieser Selektor kann verwendet werden, um die aktive Navigationsposition innerhalb einer scroll marker group zu stylen.

Hinweis: Die :target-current Pseudo-Klasse ist nur auf ::scroll-marker Pseudo-Elementen gültig.

Syntax

css

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

Siehe Erstellen von CSS-Karussells und ::scroll-marker für komplette Beispiele, die die :target-current Pseudo-Klasse verwenden.

css

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

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

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

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.