css - CSS过渡不适用

Question

我有这个页面（它的项目）。在顶部，我在顶部导航中的“联系人”一词之后有一个 @font-face dingbat 邮件字符。我试图让它在悬停时与单词联系一起过渡到红色，但我不知道如何实现这一点，截至目前它保持黑色。此外，当在联系页面上时，我希望它像使用 CSS 类创建的单词联系人一样保持红色。但是我在过渡中尝试的任何事情都无法处理这个邮件角色。这可能吗？谢谢你！

CSS 在这里

Answer 1

尝试使用选择器：

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

看看现在是不是变红了。