css过渡不适用

Question

我有这个页面HERE（它用于一个项目）。在顶部导航中，在“contact”后面有一个@ font-face dingbat邮件字符。我试图让它在悬停时转换为红色以及单词联系人，但我不知道如何实现这一点，因为现在它保持黑色。同样在contact page上我希望它保持红色，就像用css类创建的联系人一样。但是我尝试过转换的任何事情都无法解决这个邮件角色。这可能吗？ 谢谢！

CSS is here

Answer 1

尝试使用选择器：

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

现在看看它是否变红了。