:target-current CSS-Pseudoklasse
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
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 — den Scroll-Marker einer scroll-marker-group, zu dem gerade gescrollt wird. Dieser Selektor kann verwendet werden, um die aktive Navigationsposition innerhalb einer Scroll-Marker-Gruppe zu gestalten.
Hinweis:
Die :target-current Pseudoklasse ist nur auf ::scroll-marker Pseudoelementen und Elementen gültig, die als Scroll-Marker mit der Eigenschaft scroll-target-group bezeichnet wurden.
Syntax
:target-current {
/* ... */
}
Beispiele
Sehen Sie sich Erstellen von CSS-Karussells und ::scroll-marker für vollständige Beispiele an, die die :target-current Pseudoklasse verwenden.
Grundlegende Verwendung
::scroll-marker {
background-color: white;
}
::scroll-marker:target-current {
background-color: black;
}
Spezifikationen
| Spezifikation |
|---|
| CSS Overflow Module Level 5 # active-scroll-marker |