为什么 CSS 指令无法识别 header 类？

Question

为什么 CSS 文件无法理解基于其 class 对 header 的引用？人们会期望以下两个 CSS 命令将每一行设置为不同的颜色。相反，我们会看到意想不到的行为。

h1.red{
    color: red;
}
h1.blue{
    color:blue;
}

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
        <h1 class='red'>This text should be red.</h1>
        <h2 class='blue'>This text should be blue.</h2>
    </body>       
</html>

有什么方法可以区分CSS中的多个header标签吗？

Answer 1

您正在尝试使用 h1 选择器修改 <h2> 元素。尝试

h1.red{
    color: red;
}
h2.blue{
    color:blue;
}

Answer 2

您错误地添加了一个 h2 而不是两个 h1。

为什么 CSS 指令无法识别 header 类？

Why do CSS instructions not recognize header classes?

html

css

html-heading