:focus

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

focus擬似クラスはフォーカスが当たった要素を選択できるセレクタです。

入力フォームやa要素などをマウスで選択した際や、タブキーを押した場合にフォーカスは移動します。

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)のエントリー

検索

スポンサードリンク

バージョン

リファレンス