Html 引导改变背景颜色

在报价生成器网站上工作。我添加了引导，在css代码中，我有一部分将HTML元素的背景色设置为蓝绿色混合阴影。bootstrap只是决定覆盖CSS代码，并将页面中具有内容背景颜色的部分设置为白色。为什么以及如何使我的背景色与我想要的保持一致

var引号=[
[
“备战是维护和平最有效的手段之一。”，
“乔治·华盛顿”
],
[
“一个有勇气的人是多数。”，
“托马斯·杰斐逊”
],
[
“国家荣誉是国家最高价值的财产。”，
“詹姆斯·门罗”
],
[
“我们唯一需要害怕的就是恐惧本身。”，
“西奥多·D·罗斯福”
],
[
“不要问你的国家能为你做什么，而要问你能为你的国家做什么。”，
“约翰·F·肯尼迪”
]
];
var currentQuote=0；
函数showNewQuote（）{
如果（当前报价>=5）{
currentQuote=0；
}
var Quote=[quotes[currentQuote][0]，quotes[currentQuote][1]；
document.getElementById（“header”）.innerHTML=“\”+引号[0]+“\”；
document.getElementById（“段落”）.innerHTML=Quote[1]；
currentQuote++；
}

html{
背景色：#33cccc；
}
#标题，#段落{
字体系列：无衬线；
}
#标题{
垫面：10%；
字体大小：60px；
}
#段落{
左：80%；
字体大小：20px；
}

随机报价生成器
单击按钮以生成报价！

生成新报价

选项1： 确保在

bootstrap.css

文件之后加载css

var引号=[
[
“备战是维护和平最有效的手段之一。”，
“乔治·华盛顿”
],
[
“一个有勇气的人是多数。”，
“托马斯·杰斐逊”
],
[
“国家荣誉是国家最高价值的财产。”，
“詹姆斯·门罗”
],
[
“我们唯一需要害怕的就是恐惧本身。”，
“西奥多·D·罗斯福”
],
[
“不要问你的国家能为你做什么，而要问你能为你的国家做什么。”，
“约翰·F·肯尼迪”
]
];
var currentQuote=0；
函数showNewQuote（）{
如果（当前报价>=5）{
currentQuote=0；
}
var Quote=[quotes[currentQuote][0]，quotes[currentQuote][1]；
document.getElementById（“header”）.innerHTML=“\”+引号[0]+“\”；
document.getElementById（“段落”）.innerHTML=Quote[1]；
currentQuote++；
}

身体{
背景色：#33cccc；
}
#标题，#段落{
字体系列：无衬线；
}
#标题{
垫面：10%；
字体大小：60px；
}
#段落{
左：80%；
字体大小：20px；
}
单击按钮以生成报价！

生成新报价

如上所述，首先加载引导，然后加载css。 而不是使用！重要提示：您可以使用浏览器开发工具（我推荐Chromes）并查找引导背景颜色的选择器。 它的特殊性在大多数情况下是相当隐蔽的，你必须为你的风格增加更高的特殊性

有关更多信息，请阅读这篇关于MDN的文章：

---

谢谢，它成功了。在5分钟之前我不会把它标记为答案，但我会在冷却结束后标记它。它现在工作得很好