マウスを li の a の上にスライドさせても効果がないのはなぜですか? _html/css_WEB-ITnose

HTML コード:

情報

CSS ファイル内:
float:none;
pattern:5px 20px 5px 20px;
margin-top:20px;
フォントサイズ: 20px;
.cho{
幅: 80px;
フォントファミリー: 'SimHei';
パディングトップ: 5px;
}
a.chodet : hover{
color:white;
li.big : hover{
width:80px;
border:# ff9138 ;
}





ディスカッションに返信 (解決策)

li.big:hover{
スペースを削除します

スペースは問題ではありません。
li.big : hover{
width:80px;
height:30px;

border:#ff9138; }

この段落を変更してみてください
big : hover と a.chodet : hover を有効にする前に、hover の間のスペースを削除する必要があります

2 番目: a タグの hover を有効にしたい場合は、a.chodet:hover を a.cho:hover に変更する必要があります。

2 番目 3: エフェクト イベント (ホバー、背景の追加、色の変更) を実装するために 2 つのイベントを使用しましたが、リソース効率は最適ではありません。 a タグに hover を追加するのが最善です

a と hover の両方を display:block; で追加する必要があります

なんて面倒なことでしょう。 。 。基準に従って書かれていますか？

aタグにdisplay:blockを追加してください！ ！ ！

皆様、お時間を割いて熱心にお答えいただきまして、誠にありがとうございました！ ！