アンカーリンクの移動先となる要素にスタイルを適用する

ターゲット疑似クラス target

要素名: target ターゲット {~}

URLにアンカーリンクが指定されているリンクが閲覧者の操作でアクティブにされると、移動先となる要素にスタイルを適用します。

セレクタの使用例

以下の例では、アンカーリンクをクリックしたときに移動先の要素にスタイルが適用され、アイコンが表示されます。移動先をわかりやすくする目的などで利用できます。

CSS
*:target {
  padding-right:15px;
  background:(image/target-icon.png) no-repeat right center;
}