:hover疑似クラスの記述順序はよく間違えるので、メモ。
a:link {
color:red;
}
a:visited {
color:purple;
}
a:hover {
color:green;
}
a:active {
color:blue;
}
上記以外の順序で書くと、カスケード処理の規則により上書きされてしまうので、意図した表示とズレてしまう。
ちなみに、各擬似要素が示す意味は、
a:link {
color:red; /*未訪問*/
}
a:visited {
color:purple; /*訪問済み*/
}
a:hover {
color:green; /*カーソルオン時*/
}
a:active {
color:blue; /*リンクをクリックしている状態*/
}
となっている。