疑問
Aセレクタの擬似クラス
処理
リンクの下線を消すには？とマウスポインタが上に来たら・・・で個別の定義付けをしましたが、その他にも擬似クラスを用いて定義付ける事ができます。
-
スタイルシートメネージャーの
HTMLタグの候補からそれぞれのセレクタと擬似クラスを選択します。
注意としてA:HOVERと他のAに対する擬似クラスを列記する場合は
A:LINK A:VISITED A:HOVER A:ACTIVE
の順に記述する必要があります。
スクリーンショット
説明
- A:LINK
- リンク先を開いていない事を示します。
- A:VISITED
- 一度開いたリンク先である事を示します。
- A:HOVER
- マウスが上にあるA要素に対する擬似クラスです。
- A:ACTIVE
- リンクをクリックした時のA要素の擬似クラスです。
スタイル
<style type="text/css">
<!--
A:LINK{color : ***;}
A:VISITED{color : ***;}
A:HOVER{color : ***;}
A:ACTIVE{color : ***;}
-->
</style>