css - css遷移が適用されない

Question

このページはここにあります（プロジェクト用です）。上部には、上部のナビゲーションの「contact」という単語の後に@font-facedingbatメール文字があります。連絡先という単語とともにホバー時に赤色に移行しようとしていますが、現時点では黒色のままであるため、これを実現する方法がわかりません。また、連絡先ページでは、cssクラスで作成された連絡先という単語のように赤のままにしておきたいと思います。しかし、トランジションで試したものはすべて、このメール文字で作業することができません。これは可能ですか？ありがとう！

CSSはここにあります

Answer 1

セレクターを使用してみてください：

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

赤くなるかどうかを確認します。