ホバーで私のdivを変更することはできません

Question

divの色を明るい青色から黒色に変更しようとしています。残念ながら私はそれが色を変えるようにすることはできません。私は様々なコードを試しましたが、どれも動作していないようです。ここに私のコードです。

**HTML** 




    <a href="#"> 
    <div id="entertainment"> 
    <h1 style="font-size:25px;"> Entertainment </h1> 
    </div> 
    </a> 

、ここで私のCSS

#entertainment{ 
    background-color:#6db1e1; 
    width:160px; 
    height:70px; 
    margin-top:5px; 
    margin-left:334px; 
    position:absolute; 
    } 

    a,entertainment{ 

    color:black; 
    text-decoration: none; 
    } 

a.entertainmentです：ホバー{

margin-radius:20px; 
background-color:green; 

}

Answer 1

あなたa.entertainment:hoverあなたのHTMLの設定では動作しません。あなたはその行で何を言っているのですか？「クラスを持ち、つかまれているタグをターゲットにしたい」

html構造体でコードを機能させるには、 CSSセレクタ：あなたは娯楽​​のためのIDを使用しているので

#entertainment:hover { 
    /* hover style here */ 
} 

#entertainment{ 
 
    background-color:#6db1e1; 
 
    width:160px; 
 
    height:70px; 
 
    margin-top:5px; 
 
    margin-left:334px; 
 
    position:absolute; 
 
} 
 

 
a,entertainment{ 
 

 
    color:black; 
 
    text-decoration: none; 
 
} 
 
     
 
#entertainment:hover{ 
 

 
    border-radius:20px; 
 
    background-color:green; 
 

 
}

<a href="#"> 
 
    <div id="entertainment"> 
 
    <h1 style="font-size:25px;"> Entertainment </h1> 
 
    </div> 
 
    </a>

Answer 2

あなたはそれが最初のスタイルだと、あなたがやったようにそれをCSS内部＃を与える必要があります。

#entertainment:hover { margin-radius: 20px; background-color: green; }