css转换不适用

css转换不适用,css,css-transitions,Css,Css Transitions,我有这个页面(它是为一个项目)。在顶部,我在顶部导航中的“联系人”一词后面有一个@font-face-dingbat邮件字符。我试图让它过渡到红色的悬停与字接触,但我不知道如何做到这一点,因为现在它保持黑色。此外,当在屏幕上时,我希望它保持红色,就像用css类创建的单词contact一样。但是任何我尝试过的过渡我都无法处理这个邮件角色。这可能吗? 谢谢大家! 尝试使用选择器: nav#main-nav ul li a:hover span { text-decoration: overl

我有这个页面(它是为一个项目)。在顶部,我在顶部导航中的“联系人”一词后面有一个@font-face-dingbat邮件字符。我试图让它过渡到红色的悬停与字接触,但我不知道如何做到这一点,因为现在它保持黑色。此外,当在屏幕上时,我希望它保持红色,就像用css类创建的单词contact一样。但是任何我尝试过的过渡我都无法处理这个邮件角色。这可能吗? 谢谢大家!


尝试使用选择器:

nav#main-nav ul li a:hover span {
    text-decoration: overline;
    color: #F00;
}
看看它现在是不是变红了