display:none;で消すことができません

Question

前提・実現したいこと

html,cssを独学で勉強し始めたものです。

hoverした時にテキストを変えるテクニックを使おうと思い<a>タグの中に<span>を２つ用意して、１つには通常時に表示されるもの、もう１つにhoverした際に表示するものを書き、２つ目の<span>をcssのdisplay:none;を利用して消そうと思うのですが消すことができません。
どのようにすればいいでしょうか。

発生している問題・エラーメッセージ

エラーメッセージ

invalid property value

該当のソースコード

 HTML     <a href="#">
            <span class="nomal">EAT</span>
            <span class="hov">食事</span>
          </a>

CSS      a .hov {

            display:none;
                }

試したこと

エラーメッセージには打ち間違いと書かれていますが、何度やり直しても改善されません

補足情報（FW/ツールのバージョンなど）

atom

Answer 1

a .hov {
/* ← ここに不可視文字がまぎれている */
            display:none;
                }

Comments

[ryuschin]

一瞬で直りました！
何時間も手こずっていたので本当に助かりました。
ありがとうございます＾＾