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

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

アンカーリンクによって移動した先を分かりやすくする目的などで利用できます。

:targetのサンプルソース

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

主要ブラウザの対応

IE11
Edge(EdgeHTML)
Edge(Chromium)
Chrome
Firefox
Safari
iOS Safari
Android Chrome

用途から CSS プロパティやセレクタを探す

用途から CSS プロパティやセレクタを逆引きできます。

@-規則
セレクタ
疑似要素
疑似クラス
背景

対応ブラウザから CSS プロパティやセレクタを探す

対応ブラウザから CSS プロパティやセレクタを逆引きできます。

IE11
Edge(EdgeHTML)
Edge(Chromium)
Firefox
Chrome
Safari
iOS Safari
Android Chrome

このページの上部へ