: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 Pseudoklasse wählt den aktiven Scroll-Marker aus — das ::scroll-marker Pseudoelement einer scroll-marker-group, zu der aktuell gescrollt wird. Dieser Selektor kann verwendet werden, um die aktive Navigationsposition innerhalb einer scroll marker group zu gestalten.

Hinweis: Die :target-current Pseudoklasse ist nur auf ::scroll-marker Pseudoelemente gültig.

Syntax

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

Beispiele

Siehe Erstellen von CSS-Karussellen und ::scroll-marker für vollständige Beispiele, die die :target-current Pseudoklasse verwenden.

Grundlegende Verwendung

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

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

Spezifikationen

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

Browser-Kompatibilität

Siehe auch