Div背景色不起作用

时间:2015-09-29 15:58:07

标签: menu background-color nav

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

我的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>

3 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

.而不是#
#用于id,.用于课程。

答案 2 :(得分:0)

寻找:

将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;