CSSでhover機能を使用できません

Question

xampp（PHP）を使用している私のブラウザは何らかの理由でこのコードをホバリングしても応答しません。マウスでマウスを動かしている間に、テキストを別の色にするにはどうしたらいいですか？

.headermenu a{ 
    font-size: 18px; 
    color: #ffffff; 
    display: inline-block 5px; 
    background-color: #7f2048; 
    box-shadow: 0px 0px 50px #888888; 
    border-radius: 5px; 
    vertical-align: middle; 
    padding-bottom: 5px; 
    padding-top: 5px; 
    padding-left: 24px; 
    padding-right: 24px; 
    margin-bottom: 10px; 
    text-decoration: none; 
    font-family: 
.headermenu a: hover{ 
    color: #5b5a64; 
} 

---

私はそれを動作させるために<div class="headermenu">とエンドのdivを使用しています。

崇高なテキストでは、.headermenu a:hover{}からのテキストのホバーは白です。つまり、機能していないか、または私が推測していることを意味します。

Answer 1

.headermenu aクラスcssの完全な中カッコホバーの問題を解決していないthatsの何らかの理由で

.headermenu a{ 
 
    font-size: 18px; 
 
    color: #ffffff; 
 
    display: inline-block 5px; 
 
    background-color: #7f2048; 
 
    box-shadow: 0px 0px 50px #888888; 
 
    border-radius: 5px; 
 
    vertical-align: middle; 
 
    padding-bottom: 5px; 
 
    padding-top: 5px; 
 
    padding-left: 24px; 
 
    padding-right: 24px; 
 
    margin-bottom: 10px; 
 
    text-decoration: none; 
 
    height:50px; 
 
    width:50px; 
 
    border :1px solid black; 
 
} 
 
.headermenu a:hover { 
 
    color: #5b5a64; 
 
}

<div class="headermenu"><a href="" >aaa</a></div>

Answer 2

。私は完全なPHPサイトを開始するif else構造を持っていますが、それが何かを持つことができるかどうかはわかりません...？スタックオーバーフローへ

.headermenu a{ 
 
    font-size: 18px; 
 
    color: #ffffff; 
 
    display: inline-block 5px; 
 
    background-color: #7f2048; 
 
    box-shadow: 0px 0px 50px #888888; 
 
    border-radius: 5px; 
 
    vertical-align: middle; 
 
    padding-bottom: 5px; 
 
    padding-top: 5px; 
 
    padding-left: 24px; 
 
    padding-right: 24px; 
 
    margin-bottom: 10px; 
 
    text-decoration: none; 
 
    height:50px; 
 
    width:50px; 
 
    border :1px solid black; 
 
} 
 
.headermenu a:hover { 
 
    color: #5b5a64; 
 
}

<div class="headermenu"><a href="" >aaa</a></div>