: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 日修改。