颜色和背景颜色不起作用。我不知道这里出了什么问题。我在这个网站上搜索了一个答案,但没有任何问题完全适用于我的情况。
我有单独的html和css文件,css文件在html文件中正确链接。我之所以知道这一点,是因为除了颜色和背景色之外的所有东西都在按预期工作(字体系列、边距、填充、位置、显示等)。
当我通过其打开html标记中的style属性更改元素的颜色/背景色时,这就起作用了。但我无法从css文件中使其工作。我尝试将高度更改为自动,将溢出更改为隐藏,并尝试添加!重要标记(这应该无关紧要,因为到目前为止,在我的文件中,我没有尝试更改任何东西的颜色/背景色)。
如果有帮助的话,下面是我的代码片段:
<div class="db-header">
<h1 class="title">My Title</h1>
</div>
和css:
.db-header {
margin: 100px;
background-color: 'red';
color: 'white';
font-family: 'arial';
}
在这种情况下,所有大小的边距都变为100px,字体变为arial。但颜色没有变化。我试着把颜色写成十六进制代码,但没有成功。我还尝试使用h2的class标记,但也不起作用。我尝试使用其他多个元素的标记、类和id作为选择器来更改它们的颜色/背景色,但没有成功。我甚至尝试使用jQuery更改颜色。有什么想法吗?谢谢你的帮助。
删除颜色周围的引号。
.db-header {
margin: 100px;
background-color: red;
color: white;
font-family: 'arial';
}