我无法通过 CSS 设置 h1 样式

I can't style h1 via CSS

我刚开始使用 HTML 和 CSS。我完成了 html.net 的教程,现在遇到了 CSS 的问题。

我希望我的标题 (h1) font-color 为白色。如果我将 CSS-Code 写在 HTML-file 中,它会工作,但如果我将完全相同的代码写到我的外部 CSS-file 中,它就不会工作。我很确定我正确引用了 CSS-file,因为我可以通过相同的 CSS-file.

设置标签和 body 的样式

style.css:

<style>
h1 
{
    color: #FFFFFF !important;
}
label
{
    color:#FFFFFF;
    font-family:consolas;
    font-size:120%;
}
body
{
    background-color:#AA5555;
}
</style>

support.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
<head>
    <title>Support</title>
    <link rel="stylesheet" type="text/css" href="style/style.css" />
</head>
<body>
    <div>
        <h1>Heading</h1>
        <label>Test</label>
    </div>
</body>
</html>

body 的 background-color 有效。标签的样式有效。但不是标题 h1 的前景色。我只有这个 CSS-file 并且我已经在多个浏览器(Chrome、Firefox、IE、Opera)上尝试过,但在每个浏览器上都存在同样的问题。我也尝试使用 h2/h3 代替,但没有机会设置此标题的样式。

我什至尝试过不使用 DTD 和 xmlns。我需要了解发生了什么以及我的问题的解决方案。 CSS/HTML 是否需要特定版本或其他版本?我以前从未使用过这些东西,也不知道如何排除故障或修复它。

谢谢:)

不需要删除外部 <style> 标签 file.it。

css 文件的开头不需要 <style> 标记。它是 html,而不是 CSS 语法。

style.css:

<style>

还有你的错误... HTML 标签不属于任何外部样式表; CSS 规则有效。