Widely available YES。主要ブラウザで広く対応済み。本番利用を推奨。

:target

:target は CSS の擬似クラスで、文書内のターゲット要素を選択します。文書が読み込まれたとき、ターゲット要素は文書の URL フラグメント識別子を使用して導出されます。

css

/* 文書のターゲット要素を選択 */ :target { border: 2px solid black; }

例えば、次の URL にはフラグメント識別子（# 記号で示されます）があり、id の setup である要素を、文書のターゲット要素としてマークしています。

url

http://www.example.com/help/#setup

現在の URL が上記の通りの場合、以下の要素が :target セレクターで選択されます。

html

<section id="setup">インストール手順</section>

擬似クラスURLフラグメント

対応ブラウザ

機能	デスクトップ				モバイル
機能	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`:target`	1	12	1	1.3	18	2

1+対応 (バージョン) 未対応 ※注釈ありサブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

CSS

:target {
  background-color: #ffffcc;
  border-left: 4px solid #f39c12;
  padding-left: 8px;
}

CSS sectionemphasis demo.

CSS hilightdisplay demo.

CSS tabtoggle style demo.