Псевдокласс CSS `:target-current`

Baseline Ограниченная доступность

Эта функция не входит в Baseline, поскольку не работает в некоторых наиболее широко используемых браузерах.

Экспериментальная технология: Это экспериментальная технология
Перед использованием в production тщательно проверьте таблицу совместимости с браузерами.

:target-current — это CSS-псевдокласс, который выбирает активный маркер прокрутки — маркер прокрутки scroll-marker-group, к которому в данный момент выполнена прокрутка. Этот селектор можно использовать для стилизации активной позиции навигации в группе маркеров прокрутки.

Примечание: Псевдокласс :target-current допустим только для псевдоэлементов ::scroll-marker и элементов, обозначенных как маркеры прокрутки с помощью свойства scroll-target-group.

Синтаксис

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

Примеры

См. разделы Создание каруселей CSS и ::scroll-marker, где приведены полные примеры использования псевдокласса :target-current.

Основные сведения об использовании

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

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

Спецификации

Спецификация
Модуль CSS Overflow, уровень 5 # selectordef-target-current

Совместимость с браузерами

	Компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari на iOS	Samsung Internet	WebView для Android	WebView на iOS
`target-current`	135	135	Нет	120	Нет	135	Нет	89	Нет	29.0	135	Нет

См. также

scroll-marker-group
scroll-target-group
:target-before, :target-after
::scroll-marker
::scroll-marker-group
Создание каруселей CSS
модуль переполнения CSS
Галерея каруселей CSS на chrome.dev (2025)

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:target-current