CSS 参考書

CSS @ルール(RULES)

CSS 属性全書

CSS関数（Functions）CSS選択子全書

CSS3 :target 選択子

:target CSS 仮類は、ユニークなページ要素（ターゲット要素）を表し、その id は現在の URL フラグメントと一致します。

完全なCSS選択子リファレンスマニュアル

オンラインのサンプル

アクティブな HTML アンカーをハイライト表示:

例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>基本のチュートリアル(oldtoolbag.com)</title>/title>　
<style>
:target
{
　　　　border:　2px solid red;
　　　　background-color: yellow;
}
</style>
</head>
<body>
<h1>これはタイトル</h1>
<p><a href="#news1">contentにジャンプ　1</a></p>
<p><a href="#news2">contentにジャンプ　2</a></p>
<p>上記のリンクをクリックして、次に：target 選択子が現在アクティブな HTML アンカーをハイライト表示します.</p>
<p id="news1><b>新しい　内容　1...</b></p>
<p id="news2><b>新しい　内容　2...</b></p>
<p><b>注意:</b> IE　8　および、より古いバージョンのブラウザでは :target 選択子をサポートしていません.</p>
</body>
</html>

テストを見てみる ‹/›

定義と使用法

:target

# アンカーの名前は、ファイル内の特定の要素にリンクされている URL です。要素は、ターゲット要素にリンクされています。

:target 選択子は、現在アクティブな target 要素のスタイルに使用できます。

ブラウザの互換性

テーブルの数字は、その属性をサポートする最初のブラウザのバージョン番号を示します。

選択子
:target	4.0	9.0	3.5	3.2	9.6

完全なCSS選択子リファレンスマニュアル

CSS関数（Functions）CSS選択子全書