Html 无法在标题上指定背景色

我似乎无法为我的网站指定标题上的颜色

代码如下：

.header{
高度：95vh；
背景尺寸：封面；
背景位置：顶部；
位置：相对位置；
-webkit剪辑路径：多边形（0,100%0,100%75vh,0,100%）；
剪辑路径：多边形（0,100%0,100%75vh,0,100%）；
&__标志盒{
位置：绝对位置；
顶部：4rem；
左：4rem；
z指数：4；
}
&__标志{
高度：35px；
转换：比例（1.5）；
z指数：4；
}
&__文本框{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
文本对齐：居中；
z指数：5；
}
}
.视频{
位置：固定；
右：0；
底部：0；
最小宽度：100%；
最小高度：100%；
z指数：-1；
对象匹配：覆盖；
}
.梯度{
背景：线性梯度(
90度，
rgba（30,95,156,1）1%，
rgba（16,55,130,0.2637429971988795）100%
);
z指数：2；
最小宽度：100%；
最小高度：100%；
高度：计算（100vh-80px）；
对象匹配：覆盖；
位置：相对位置；
}
hor nav先生{
位置：固定；
顶部：40px；
右：40px；
高度：50px；
z指数：20；
颜色：$白色；
}
保险商实验室{
列表样式类型：无；
颜色：$白色；
}
李{
浮动：左；
}
李阿{
显示：内联块；
颜色：白色；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
.标题bg{
背景色：#2998ff；
}

---

您应该尝试这样的方法

有时样式定义可能与其他样式定义重叠。尝试使用！在背景色声明的末尾很重要。

有一些事情正在进行

浏览器web工具 所有这些都可以通过使用右键单击->检查元素或打开web开发工具进行实时过期和测试。如果你正在做任何关于web开发的事情，它们是非常有用的。学习如何使用它们

无效的CSS

&

在CSS中不是有效的运算符。如果您使用的是像

LESS

这样的预处理器，则需要运行它以输出浏览器可以理解的CSS

&__logo-box {
    position: absolute;
    top: 4rem;
    left: 4rem;
    z-index: 4;
}

您想要哪个CSS选择器？ 如果要选择所有

元素，可以使用

header {
    background-color: red;
}

如果您希望任何人具有

类

名称

标题

使用：

.header {
    background-color: red;   
}

如果只需要一个ID为

标题的特定元素，请使用：

#header {
    background-color: red;   
}

如果您想要任何作为header子级的div：

header div {
    background-color: red;   
}

有关更多信息，请搜索“css教程”和“选择器”一词

css覆盖？
有时样式定义可能与其他样式定义重叠

这次不是过度劳累。使用浏览器的DOM inspector/web工具检查您的网页。如果使用
标题
选择器，将设置
标题
背景。选择所需的元素，以查看其所有计算的CSS属性

有重叠的div和透明度，这使得它更难分辨。将所有元素设置为纯色背景色，以便查看。您可能需要添加
padding
或
margin
来查看它们。否则，
标题div
将覆盖您的
标题

上面提到的内联CSS
您不需要内联CSS，如下所示：

<div style="background-color:#2998ff"></div>



这将增加文件大小，并使维护代码变得更加困难。做任何改变都需要做很多工作。相反，请使用正确的选择器组合。您可以使用继承权（如
中的第一个
元素），也可以按类或ID使用。可以在单个元素上使用多个css类。（我无法从标记中看出您的期望。您可能过度复杂了布局。
这不起作用，我似乎没有选择正确的徽标和导航。它应该与此网站上的类似。抱歉，您的问题不清楚。您可以将css和html文件附加到此处吗？请检查您是否添加了关闭窗口。）在上面的回答中，我在分号后面加了一个分号。我在这里尝试了你的代码。检查它。它确实有效！！！设置hor nav的背景色当我这样做时，它有效，但仅适用于hor nav，我希望它位于徽标后面，hor nav解决了它！。header bg{背景色：#2998ff！重要；位置：绝对；顶部：0；左侧：0；高度：66px；宽度：100%；z索引：3；}
<div style="background-color:#2998ff"></div>