【问题标题】:I can't style h1 via CSS [closed]我无法通过 CSS 设置 h1 样式 [关闭]
【发布时间】: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 声明的规则。

标签: html css heading


【解决方案1】:

您不需要在 css 文件的开头使用 &lt;style&gt; 标记。它是 html,而不是 CSS 语法。

【讨论】:

    【解决方案2】:

    删除外部文件中的&lt;style&gt;标签。不需要。

    【讨论】:

    • 为什么要投反对票???
    • 因为你的第一个答案不是那个。您在 5 分钟的宽限期内进行了编辑
    • @dippas 是否有针对此的规定?
    • 好的,答案已更新,删除不赞成票。
    • 用户当时可能会投反对票,然后继续前进..
    【解决方案3】:

    style.css:

    <style>
    

    这就是你的错误...... HTML 标签不属于任何外部样式表; 只有 CSS 规则可以。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-01-12
      • 1970-01-01
      • 1970-01-01
      • 2021-12-09
      相关资源
      最近更新 更多