无法使用css文件将背景颜色设置为标头

Question

由于某种原因，我无法使用css文件将标题背景颜色设置为。可能是什么问题呢？

这就是我在做的事情：

css代码

*{

    margin: 0;
    padding: 0;
 }

 .body {


    font-family: tahoma;

 }
 .one{

    position: absolute;
    width: 1000px;
    top: 30%;
    left:50%;
    transform: translate(-50%,-50%);
 }

 .header
{
  background-color: red;

}

Html代码

 

  <title> flex </title>
  <link href="style.css" rel="stylesheet" type="text/css">

   <header>
   <div class="one">
   <h1>Finally a <br> healthcare plan <br> that rewards you </h1>
   <div>
   </header>

             

Answer 1

删除CSS中标题的类选择器（标题前的.）。 <header>是一个元素，而不是一个类。

Answer 2

在您的CSS中，您有.header

在您的HTML中，您有一个<header>

'。'表示一个班级。

您应该将html更改为<header class="header">

Answer 3

您使用了错误的CSS语法。 .header会为已定义类名称为＆＃39;标题＆＃39;的元素设置样式。要设置标题元素的样式，您需要使用：header{background-color: red;}

Answer 4

尝试以下事项： 1.清除浏览器缓存。这种情况发生在我身上几次，浏览器缓存.css文件并显示旧版本。 2.检查拼写以确保.css可以找到带有＆＃34;标题的元素＆＃34;类 3.检查是否已将连接

<link rel = "stylesheet" href = "style.css">