页脚没有获得背景颜色？

Question

我将Facebook和Twitter的链接放在我正在创建的网页的底部，但页脚没有得到我想要的背景颜色。这是它背后的HTML代码：

<center>
<div id="footer">
<a href="#" title"website on facebook"><b>facebook</b></a> <a href="#" title"website on twitter"><b>twitter</b></a>
</div>
</center>

这是我得到的CSS代码：

.footer {
width:100%;
height:60px;
background-color:#3399FF;
}

任何人都知道为什么没有背景颜色出现？

Answer 1

那是因为你使用了错误的CSS选择器。

句点.用于选择具有特定类的元素。在为div设置id属性时，需要使用#标记来选择元素：

试试这个：

#footer {
  width:100%;
  height:60px;
  background-color:#3399FF;
}

详细了解： MDN 。

Answer 2

使用class =＆＃34;页脚＆＃34;

<center>
<div id="footer" class="footer">
<a href="#" title"website on facebook"><b>facebook</b></a> 
<a href="#" title"website on twitter"><b>twitter</b></a>
</div>
</center>

或改变CSS

#footer {
width:100%;
height:60px;
background-color:#3399FF;
}

Answer 3

您使用了错误的选择器来应用css。

如果您使用Id，请使用#，如果您使用class，请使用.选择器应用css。

如果您使用：

<div id="footer">
//text
</div>

然后使用：

#footer {
width:100%;
height:60px;
background-color:#3399FF;
}

如果您使用：

<div class="footer">
//text
</div>

然后使用：

 .footer {
    width:100%;
    height:60px;
    background-color:#3399FF;
    }

Answer 4

将其更改为#id。类

#footer {
width:100%;
height:60px;
background-color:#3399FF;
}