css 过渡不适用

Question

我有这个页面HERE (它用于一个元素)。在顶部，我在顶部导航中的“联系人”一词之后有一个@font-face dingbat 邮件字符。我试图让它在悬停时与接触一词一起过渡到红色，但我不确定如何实现这一点，因为现在它保持黑色。同样在 contact page 上我希望它像用 css 类创建的单词联系人一样保持红色。但是我在过渡中尝试的任何事情我都无法处理这个邮件 Angular 色。这可能吗？ 谢谢!

CSS is here

Answer 1

尝试使用选择器:

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

看看它现在是不是变红了。