cssハイパーリンクスタイルa link visited hover active

定義と使用法

:hover擬似クラスは、マウスを要素に移動すると、この要素に特殊なスタイルを追加します.

説明

この擬似クラスは、「サスペンション状態」にある要素を適用します.サスペンションは、ユーザーがエレメントを示しているがアクティブにしていないと定義されます.この最も一般的な例は、HTMLドキュメント内のハイパーリンクの境界範囲内にマウスポインタを移動することです.理論的には、他の要素もサスペンション状態にあることができますが、CSSではどの要素が定義されていません.
アクティブ、アクセス済み、アクセスされていない、またはマウスがあるリンクは、CSSをサポートするブラウザで異なる方法で表示されます.

a:link {color: #FF0000}     /*        */
a:visited {color: #00FF00}  /*        */
a:hover {color: #FF00FF}    /*            */
a:active {color: #0000FF}   /*        */

注記:予想される効果を生成するには、CSS定義でa:hoverがa:linkとa:visitedの後にある必要があります!!
注記:予想される効果を生成するには、CSS定義でa:activeがa:hoverの後にある必要があります!!
注記:Pseudo-class(擬似クラス)の名前は大文字と小文字に敏感ではありません.
注記:ダミークラスはCSSクラスと組み合わせて使用できます.

a.red:visited {color: #FF0000;}

<a class="red" href="css_syntax.asp">CSS Syntax</a>

如果上面这个例子中的链接已访问过，那么它会显示为红色。