:target-current

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

:target-current は CSS の擬似クラスで、アクティブなスクロールマーカー、つまり、現在スクロールされている ::scroll-marker 擬似要素の scroll-marker-group を選択します。このセレクターは、スクロールマーカーグループ内のアクティブなナビゲーションの位置のスタイル設定に使用できます。

メモ: :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;
}

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

This page was last modified on ⁨2025年7月22日⁩ by MDN contributors.