CSSリンクスタイル
CSS リンク スタイル:
a:link (未訪問(wèn))
a:hover (マウス)以上)
a:訪問(wèn)済み (訪問(wèn)済み: 実際にそのページに到達(dá)した)
a:active (マウスのクリックとリリースの間、href 屬性のないオブジェクトには影響を與えません)
これらの要素は CSS を定義します 時(shí)間の順序が異なると、結(jié)果が異なることに直接つながりますリンク表示の効果。
特殊性を一般的なものから特殊なものまで並べ替えます: link--visited--hover--active
次のようにして目的の効果を?qū)g現(xiàn)できます:
a:link{color: blue}
a:visited{ color : red}
a:hover{color: yellow}
a:active{color:white}
このように定義した場(chǎng)合:
a:hover{color: yellow}
a :link{color:blue}
a:visited{color:red}
a:active{color:white}
:link が最も一般的な効果であり、その範(fàn)囲がより大きいため、ホバーの効果は確認(rèn)できません。 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">這是一個(gè) link</a></b></p>
<p><b>注意:</b> hover必須在:link和 a:visited之后定義才有效.</p>
<p><b>注意:</b> active必須在hover之后定義是有效的.</p>
</body>
</html>
