Div背景色不起作用

Question

我希望在整个屏幕上都有一个导航栏，紫色背景和一个菜单位于栏中间。现在我不能让背景颜色起作用。

我的Css：

div#main-navigation {
background-color: #AC56B8;
width: 100%;
height: 100px;
}

我的Html：

<div class="main-navigation">
<ul id="menu">
<li>HOUSE</li>
<li>BABY</li>
<li>MORE</li>
<li>ABOUT</li>
</ul>
</div>

Answer 1

您正在使用错误的css选择器#用于ids，要逐个选择必须使用.的元素，因此CSS的第一行必须是：div.main-navigation {

Answer 2

写.而不是#
#用于id，.用于课程。

Answer 3

寻找：

将div＃main-navigation替换为div.main-navigation

＆＃13;

＆＃13;

div.main-navigation {
background-color: #AC56B8;
width: 100%;
height: 100px;
}

＆＃13;

<div class="main-navigation">
<ul id="menu">
<li>HOUSE</li>
<li>BABY</li>
<li>MORE</li>
<li>ABOUT</li>
</ul>
</div>

＆＃13;

＆＃13;

＆＃13;