Question

我看过类似问题的许多不同答案，似乎无法在任何地方找到答案。问题很简单，为什么我的#body样式没有被应用。基本上我只想要应用背景颜色。有趣的是，没有一个样式实际上是从CSS传递到正文。代码很简单但不起作用。

当我使用“检查元素”时，我可以看到我的所有其他样式都在工作，但没有任何东西传递给身体元素，我无法弄明白！

我确信它的内容非常简单，但感谢您对此的帮助。代码如下：

<!DOCTYPE html>
<html>
<head>

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

</head>
  <body>

    <div id="header">
      <div id="contact_bar">

CSS是：

#body{
background-color:red;
}

#header{
background-color: #3862C6;
height:500px;
}
#contact_bar{
background-color: #020731;
height:150px;
}

Answer 1

不是#body{...，而是body{...（没有“＃”）

Answer 2

真是个白痴....一旦我摆出姿势，我就注意到了＃34;＃＆＃34;身体前面......

Answer 3

你应该知道CSS＃用于设置id元素的样式，但是body是HTML标记，它应该按照这个答案中给出的CSS设置样式。你的HTML

<!DOCTYPE html>
<html>
<head>

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

</head>
  <body>

    <div id="header">
      <div id="contact_bar">

CSS应该是：

body{
background-color:red;
}

#header{
background-color: #3862C6;
height:500px;
}
#contact_bar{
background-color: #020731;
height:150px;
}

样式未传递给body元素

3 个答案: