繁体   English   中英

样式未传递到body元素

[英]Styles not being passed to body element

我已经看过许多类似问题的不同答案,但似乎找不到任何答案。 问题很简单,为什么我的#body样式没有被应用。 基本上,我只希望应用背景色。 有趣的是,实际上没有样式从CSS传递到主体。 代码很简单,但是无法正常工作。

当我使用“检查元素”时,我可以看到所有其他样式都可以正常使用,但是没有任何内容传递给body元素,我无法弄清楚!

我敢肯定它确实很简单,但是希望您对此有所帮助。 代码如下:

<!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{... ,而是body{... (没有“#”))

真是个白痴。。。我一摆姿势,我就注意到身体前面是“#”。

您应该知道,在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;
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM