CSS リンク スタイル:
a:link (未訪問)
a:hover (マウス)以上)
a:訪問済み (訪問済み: 実際にそのページに到達した)
a:active (マウスのクリックとリリースの間、href 属性のないオブジェクトには影響を与えません)
これらの要素は CSS を定義します 時間の順序が異なると、結果が異なることに直接つながりますリンク表示の効果。
特殊性を一般的なものから特殊なものまで並べ替えます: link--visited--hover--active
次のようにして目的の効果を実現できます:
a:link{color: blue}
a:visited{ color : red}
a:hover{color: yellow}
a:active{color:white}
このように定義した場合:
a:hover{color: yellow}
a :link{color:blue}
a:visited{color:red}
a:active{color:white}
:link が最も一般的な効果であり、その範囲がより大きいため、ホバーの効果は確認できません。 hover よりも前の文がカバーされています。
例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>链接样式</title>
<style>
a:link {background-color:#B2FF99;} /* unvisited link */
a:visited {background-color:#FFFF85;} /* visited link */
a:hover {background-color:#FF704D;} /* mouse over link */
a:active {background-color:#FF704D;} /* selected link */
</style>
</head>
<body>
<p><b><a href="/css/" target="_blank">这是一个 link</a></b></p>
<p><b>注意:</b> hover必须在:link和 a:visited之后定义才有效.</p>
<p><b>注意:</b> active必须在hover之后定义是有效的.</p>
</body>
</html>
次のセクション