“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 问题的第一步应该是验证两个文档。

标签： html css background-color

【解决方案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>

【讨论】：