CSS:ホバーセレクター
定義と使用法
:あなたは特別なスタイルを追加すると、リンクの上にマウスを移動。
先端::ホバーセレクタは、すべての要素だけでなく、リンクのために使用することができます。
ヒント: :リンクセレクタは未訪問のページは、スタイル、リンク設定訪問:セレクタ設定訪問したページリンクされたスタイルを:アクティブセレクタの設定を使用すると、リンクのスタイルをクリックしたとき。
注:所望の効果を有するためには、CSS定義,:ホバーがでなければなりません:リンクと:の後に訪れました!!
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
选择器 | |||||
---|---|---|---|---|---|
:hover | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
注:IEで宣言する必要があり、<!DOCTYPE>ホバーセレクターを効率的に:確保するために。
関連ページ
CSSチュートリアル: CSSのリンク
CSSチュートリアル: CSSの擬似クラス
それを自分で試してみてください - 例
例
アクティブ、訪問し、未訪問、またはリンク上でホバーがある場合:
a:link {color:green;}
a:visited {color:green;}
a:hover {color:red;}
a:active {color:yellow;}
a:visited {color:green;}
a:hover {color:red;}
a:active {color:yellow;}
»をお試しください