:active

このエントリーをはてなブックマークに追加

active擬似クラスはユーザーがクリックした瞬間など要素がアクティブな要素を選択できます。

次のCSSを指定することで、通常のリンクカラーは赤色ですが、マウスがクリックした瞬間に青色に変更され、クリックが終ったら赤色に戻ります。

a{
	color:red;
}
a:active{
	color:blue;
}

link擬似クラスvisited擬似クラスを合わせて指定する場合は、スタイルが上書かれないようにこれらの指定の後に指定するように注意が必要です。

参考URL

6.6.1.2. The user action pseudo-classes :hover, :active, and :focus - W3C

登録日 : 2013年06月09日 最終更新日 : 2013年6月9日

同じカテゴリー(Selector)のエントリー

検索

スポンサードリンク

バージョン

リファレンス