css轉換不適用

Question

我有這個頁面HERE（它是一個項目）。在頂部我有一個@ font-face dingbat郵件字符，在頂部導航欄中的「聯繫人」一詞之後。我試圖讓它在與聯繫詞一起懸停的情況下轉換爲紅色，但我不確定如何完成此操作，因爲現在它保持黑色。另外，當我在contact page上時，我希望它保持紅色，就像使用css類創建的聯繫人一樣。但是任何我嘗試過渡的東西，我都無法在這個郵件角色上工作。這可能嗎？ 謝謝！

CSS is here

Answer 1

嘗試使用選擇：

nav#main-nav ul li a:hover span { 
    text-decoration: overline; 
    color: #F00; 
} 

看看現在雲紅。