[css]a:hoverが役に立たない理由

今日は一日中a:hovertをフォントの色に変えるのは役に立たないので、頭が痛いです.
問題のコードは以下の通りです.

<style>
	a:hover{color:pink}
</style>

<a href = "#">
<font style='font-family:nanumGB; font-size:11pt; color:#2C88B9;'>test</font>
</a>

fontで指定したスタイルで上書きされると推定されます.
fontもhoverも書くしどうすればいいですか?
そこで、下記のように変更しました.

<style>
	a:hover{color:pink}
</style>


<font style='font-family:nanumGB; font-size:11pt; color:#2C88B9;'>
<a href = "#">test</a>
</font>

問題解決~