期待通りの動作をする順番は
:link
:visited
:hover
:active
忘れていると、はまります！
順番をあえて変えてみるのも・・というのは、(実質的に使われない)無駄なセレクタが増えるので、実験程度に。
なぜ、この順番？
後ろの方が優先されるので、
linkだけど、visitできるよ！
visitedだけど、hoverできるよ！
hover状態だけど、activeになれるよ！
ということ。
・・・後から足した時など、うっかり変な位置に書いてたりしますよね。
今日の教訓：単純なトラップほど怖い。
そんなの大丈夫！常識でしょ？と思った時はきっと・・
罠にはまる1歩手前。
a:hoverとかa:activeを設定した後に、#id名:visitedとか.クラス名:visitedとか書いていませんか?
ここ重要！
#id名:visitedと書いた後には、
#id名:hoverと#id名:activeも書きましょう。
(クラスの時も、似た感じでね！)
書かないと・・
a:hoverしたよ！ だが#id名:visitedになりたいんだ。
という感じに、おかしな事になります。要注意。