Question

我只是想将div颜色从浅蓝色更改为黑色。不幸的是，我不能让它改变颜色，或任何东西。我尝试了各种代码，但似乎都没有。这是我的代码。

DateTimeField

这是我的 CSS

**HTML**




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

a.entertainment：悬停{

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

     a,entertainment{

    color:black;
    text-decoration: none;
     }

}

Answer 1

您的a.entertainment:hover无法使用您的html设置。你用那条线说的是＆＃34;我想要定位一个有类并且悬停的标签＆＃34;

为了使代码适用于您的html结构，您必须从css选择器中删除a标记：

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

＆＃13;

#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;

}

＆＃13;

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

＆＃13;

Answer 2

由于您正在使用ID进行娱乐，因此您需要在css内部使用＃，就像使用它的初始样式一样。

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

我根本不能让我的div改变

2 个答案: