html背景颜色不会改变

我正在尝试更改某个页面的背景色。我试着将HTML设置为背景色，但很重要！，但它仍然不起作用。设置*的背景色也是如此

页面底部看起来像这样，这就是我正在尝试修复的。我想这是因为我在最后一个容器中添加了一个边距底部，但我需要它。谢谢你的帮助

而且，其他页面上似乎也有这个问题

.bods{
背景色：#555B6E！重要；
字体系列：orpheuspro，衬线；
字体风格：普通；
}
.货柜-1{
边界半径：20px；
背景色：#50354d！重要；
最大宽度：700px；
最小高度：500px；
边缘底部：30px；
页边顶部：自动；
左边距：自动；
右边距：自动；
填充：120px 75px 0px 50px；
}
.货柜-2{
边界半径：20px；
背景色：#50354d！重要；
最大宽度：700px；
最小高度：500px；
边缘顶部：132px；
左边距：自动；
右边距：自动；
填充：120px 75px 0px 50px；
}
.货柜-3{
边界半径：20px；
背景色：#50354d！重要；
最大宽度：700px；
最小高度：500px；
边缘顶部：132px；
左边距：自动；
右边距：自动；
边缘底部：30px；
填充：120px 75px 0px 50px；
}
.第1款{
边缘顶端：40px；
边缘底部：0px；
颜色：白烟；
文本对齐：居中；
}
.标题{
文本转换：大写；
边缘顶部：100px；
文本对齐：居中；
颜色：白烟；
}
.第2款{
边缘顶端：40px；
颜色：白烟；
文本对齐：居中；
}
.第3段{
边缘顶端：40px；
颜色：白烟；
文本对齐：居中；
}
/*.导航网格{
显示：-ms网格；
显示：网格；
宽度：100%；
边际：0px；
填充：0px；
-webkit盒包：开始；
调整内容：灵活启动；
-ms-flex-pack：启动；
-webkit框对齐：居中；
对齐项目：居中；
网格自动流：行；
网格自动列：最大内容；
栅柱间隙：20px；
网格行间距：20px；
-ms网格行：自动；
网格模板行：自动；
} */
/*@媒体屏幕和（最大宽度：479px）{
} */
div.card-body.shadow.p-3.mb-5.5四舍五入{
边界半径：50px！重要；
背景色：#CBC0D3！重要；
最大宽度：700px；
最小高度：500px；
边缘顶部：50px；
左边距：自动；
右边距：自动；
边缘底部：30px；
填充：120px 75px 0px 50px；
}
h1{
背景色：#9b62b1！重要；
}
p{
背景色：#9b62b1！重要；
}

标题1
文本1

标题2
文本2

标题3
文本3

请让我更多地了解您的问题

html中不存在类“container-1、container-2、container-3”。 其他类我可以改变背景颜色

---

问题在于主体中存在一个类

.bods

，它覆盖了您的

主体

定义（类优先于简单元素）

此外，

.bods

还有一个

！重要信息

，因此您需要类似以下内容来覆盖它：

body.bods {
  background-color: red !important;
}

或者，如果您有权访问该文件，请更改.bods定义：

.bods {
  background-color: red !important;
  font-family: orpheuspro, serif;
  font-style: normal;
}

body.bods{
背景色：红色！重要；
}
博兹先生{
背景色：#555B6E！重要；
字体系列：orpheuspro，衬线；
字体风格：普通；
}
.货柜-1{
边界半径：20px；
背景色：#50354d！重要；
最大宽度：700px；
最小高度：500px；
边缘底部：30px；
页边顶部：自动；
左边距：自动；
右边距：自动；
填充：120px 75px 0px 50px；
}
.货柜-2{
边界半径：20px；
背景色：#50354d！重要；
最大宽度：700px；
最小高度：500px；
边缘顶部：132px；
左边距：自动；
右边距：自动；
填充：120px 75px 0px 50px；
}
.货柜-3{
边界半径：20px；
背景色：#50354d！重要；
最大宽度：700px；
最小高度：500px；
边缘顶部：132px；
左边距：自动；
右边距：自动；
边缘底部：30px；
填充：120px 75px 0px 50px；
}
.第1款{
边缘顶端：40px；
边缘底部：0px；
颜色：白烟；
文本对齐：居中；
}
.标题{
文本转换：大写；
边缘顶部：100px；
文本对齐：居中；
颜色：白烟；
}
.第2款{
边缘顶端：40px；
颜色：白烟；
文本对齐：居中；
}
.第3段{
边缘顶端：40px；
颜色：白烟；
文本对齐：居中；
}
/*.导航网格{
显示：-ms网格；
显示：网格；
宽度：100%；
边际：0px；
填充：0px；
-webkit盒包：开始；
调整内容：灵活启动；
-ms-flex-pack：启动；
-webkit框对齐：居中；
对齐项目：居中；
网格自动流：行；
网格自动列：最大内容；
栅柱间隙：20px；
网格行间距：20px；
-ms网格行：自动；
网格模板行：自动；
} */
/*@媒体屏幕和（最大宽度：479px）{
} */
div.card-body.shadow.p-3.mb-5.5四舍五入{
边界半径：50px！重要；
背景色：#CBC0D3！重要；
最大宽度：700px；
最小高度：500px；
边缘顶部：50px；
左边距：自动；
右边距：自动；
边缘底部：30px；
填充：120px 75px 0px 50px；
}
h1{
背景色：#9b62b1！重要；
}
p{
背景色：#9b62b1！重要；
}

---

标题1
文本1
标题2
文本2
标题3
文本3

据我所知，您根本没有为HTML元素的颜色添加CSS类。它看起来像是在代码段中工作的。很抱歉，我忘了将HTML标记添加回去。我试着把它移走，看看是否能用。这个容器下面有一个空的空间，它的颜色无法填充。你能告诉我这个空间是在哪个类别下吗？