【发布时间】:2017-07-12 12:56:43
【问题描述】:
我刚开始接触 HTML 和 CSS。我浏览了来自 html.net 的教程,现在遇到了 CSS 问题。
我希望我的标题 (h1) 的字体颜色为白色。如果我在 HTML 文件中编写 CSS 代码,它会起作用,但如果我将完全相同的代码写入我的外部 CSS 文件,它就不起作用。我很确定我正确引用了 CSS 文件,因为我可以通过同一个 CSS 文件设置标签和正文的样式。
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>
主体的背景颜色有效。标签的样式有效。但不是标题 h1 的前景色。我只有这个 CSS 文件,我已经在几个浏览器(Chrome、Firefox、IE、Opera)上尝试过,每个浏览器都有同样的问题。我也尝试使用 h2/h3 代替,但没有机会设置此标题的样式。
我什至尝试不使用 DTD 和 xmlns。我需要了解正在发生的事情以及我的问题的解决方案。我需要特定版本的 CSS/HTML 吗?我以前从未使用过这些东西,也不知道如何排除故障或修复它。
谢谢你:)
【问题讨论】:
-
从你的css文件中删除
-
对我来说听起来好像有些东西超出了该规则的资格;在您的浏览器开发工具中检查冲突规则,尤其是那些带有
!important声明的规则。