“body background-color”在 HTML 中有效，但在 CSS 中无效

Posted 2023-02-21

技术标签:

【中文标题】“body background-color”在 HTML 中有效，但在 CSS 中无效【英文标题】："body background-color" works in HTML but not in CSS“body background-color”在 HTML 中有效，但在 CSS 中无效 【发布时间】：2013-06-21 06:41:36 【问题描述】：

能够在内联<style> 命令中设置 html 正文的背景颜色属性但当相同的命令移动到外部样式表时不会。一个具体的例子下面给出。

在 test1.html 中，背景颜色设置为“蓝色：在 HTML 中。文件 test2.html 与 test1.html 相同，只是注释掉了 <style> 命令。文件 style.css 包含背景规范-color 以及<H1> 元素（测试浏览器是否真的是阅读样式表）。

第一个测试在蓝色背景下生成橙色文本。第二次测试产生橙色文本，但在白色背景下。我已经在 Firefox 21、Chrome 19 和即 9;都给出相同的结果。

发生了什么事？任何帮助将不胜感激。

以下是三个示例文件：

test1.html：

<HTML>
<head> <link type="text/css" rel="stylesheet"  href="style.css">
<style type="text/css">
  body background-color: blue
</style> 
</head>
<body> <h1>This is a test.</h1> </body> </html>

test2.html：

<HTML>
<head> <link type="text/css" rel="stylesheet"  href="style.css">
<!-- <style type="text/css">
       body background-color: blue 
     </style> -->
</head>
<body> <h1>This is a test.</h1> </body> </html>

style.css：

<style type="text/css">
   body background-color: green;
   h1 color: orange; 
</style>

谢谢！

【问题讨论】：

为什么style.css 文件中有 HTML 标签？也许把它们拿出来可以解决问题？ css 文件是否与您的 html 文件位于同一目录/位置？也从您的 CSS 样式表中删除标签。解决 HTML 或 CSS 问题的第一步应该是验证两个文档。 【参考方案1】：

<style type="text/css"></style>

是html标签，你不应该把它们放在你的.css文件中，

用这个替换style.css 中的代码。只需复制和粘贴即可。

   body background-color: green;
   h1 color: orange;

【讨论】：

【参考方案2】：

不要在 style.css 中使用<style type="text/css"></style>

【讨论】：

以上是关于“body background-color”在 HTML 中有效，但在 CSS 中无效的主要内容，如果未能解决你的问题，请参考以下文章