:target-current

实验性： 这是一项实验性技术
在生产中使用此技术之前，请仔细检查浏览器兼容性表格。

:target-current CSS 伪类选择当前活动的滚动标记——即当前滚动到的 scroll-marker-group 的 ::scroll-marker 伪元素。此选择器可用于样式化滚动标记组中的活动导航位置。

注意：:target-current 伪类仅对 ::scroll-marker 伪元素有效。

语法

css

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

请参阅创建 CSS 轮播和::scroll-marker，了解使用 :target-current 伪类的完整示例。

css

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

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

规范
CSS Overflow Module Level 5 # active-scroll-marker

此页面最后由MDN 贡献者于2025 年 7 月 14 日修改。