cssの記述順

# a:link ： まだアクセスしたことのないリンクに適用
# a:visited ： 既にアクセスしたことのあるリンクに適用
# a:hover ： マウスが上に乗っている状態のリンクに適用
# a:active ： 選択されている状態のリンクに適用

スタイルシートでは、同じスタイルが記述された場合、後に記述された方を優先して採用する。

* 「 :hover 」を記述する際は、「 :link 」や「 :visited 」よりも後、「 :active 」よりも前に記述します。
* 「 :active 」を記述する際は、「 :link 」や「 :visited 」、「 :hover 」よりも後に記述します。

要するに、次の順番で常に記述するようにしておけば大丈夫です。

1. :link
2. :visited
3. :hover
4. :active