css - 外部 CSS : Body Background Color Won't Change

Question

我无法在我的 Bootstrap 3 网站上更改我的 body 背景颜色。这是我的外部 CSS 文件的片段:

body {
font-family: 'Lato', arial, sans-serif;
font-size: 16px;
line-height: 1.5;
font-weight: 300;
color: #2e2e2e;
}

我尝试过以下方法，但并不高兴:

body {
background-color: #0aff0a;
font-family: 'Lato', arial, sans-serif;
font-size: 16px;
line-height: 1.5;
font-weight: 300;
color: #2e2e2e;
}

- 和 -

body {
background-color: #0aff0a !important;
font-family: 'Lato', arial, sans-serif;
font-size: 16px;
line-height: 1.5;
font-weight: 300;
color: #2e2e2e;
}

-还有-

body {background: #0aff0a}
font-family: 'Lato', arial, sans-serif;
font-size: 16px;
line-height: 1.5;
font-weight: 300;
color: #2e2e2e;
}

- 和 -

body {background-color: #0aff0a}
font-family: 'Lato', arial, sans-serif;
font-size: 16px;
line-height: 1.5;
font-weight: 300;
color: #2e2e2e;
}

以上所有代码在 fiddlesalad 上测试都完美无缺。

我什至尝试将以下内容直接添加到我的 html 文件的头部:

<style>
body {
background-color: #0aff0a !important;
</style>

如果我删除对我的 CSS 文件的引用并将其保留在我的 html 文件的头部，背景颜色会改变。那么，显然我的 CSS 文件中必须有一些东西覆盖主体背景颜色？我肯定找不到它!

我的页面上没有任何可以覆盖它的内部 CSS，并且我的样式表被正确引用并且工作正常。我已尝试清除缓存并尝试在多个浏览器中查看...

这是我正在处理的网站的链接:Sinister Serpents

如有任何帮助或建议，我们将不胜感激。

谢谢。

Answer 1

在 css 文件中尝试用 !important 覆盖背景色；

body {
font-family: 'Lato', arial, sans-serif;
font-size: 16px;
line-height: 1.5;
font-weight: 300;
background-color: #2e2e2e !important;
}

并确保最后将您的 css 链接到您的 html head。

如果这不起作用，请尝试在内部样式表中进行

如果这也不起作用怎么办？暂时隐藏所有其他部分并尝试一下!

祝你好运!