Html h1属性被覆盖

我正在接受某人的ASP.NETMVC5项目，并正在处理一些HTML和CSS代码。在

Site.css

中，我有以下代码：

h1
{
    color: rgb(255, 0, 0);
    font-size: 100pt;
    font-family: 'Baskerville Old Face', Garamond, serif;
    font-weight: bold;
    font-style: italic;
}

但是，当我运行程序并检查元素时，我注意到HTML文件中的

h1

并没有像上面定义的那样显示出来。相反，

颜色

和

字体大小

属性似乎恢复为默认值。在Firefox的inspector中，这些属性被划掉，如下屏幕截图所示：

这可能是什么原因？我假设这是项目的前所有者设置的，但不幸的是，他现在无法使用。所以我只是想知道这种行为的根源是什么

body h1 {
    color: rgb(255, 0, 0);
    font-size: 100pt;
}

您需要在css中达到更高的层次。 因此，将父项添加到要更改的

h1

将起作用。

---

或者另一种方法是在覆盖

h1

代码的

h1

之后粘贴

h1

代码。将其粘贴到第77行之后，即可使用。

这是因为casscade样式表中的css。因此，新的h1应该位于file.css的末尾

---

第17行的第一个样式h1将被第77行的最后一个样式覆盖

您的css代码顺序错误-因为您的样式在另一个样式之前（您的样式在第17行，其他样式在第70行和第77行），第二个批次将覆盖第一个批次。将您的样式放在site.css第77行h1样式之后，您的样式将优先

-在您的情况下，请参见级联部分（第4点）：

---

如果两条规则相等，则最后一条规则获胜。嵌入在html中的CSS总是在外部样式表之后出现，而不管html中的顺序如何

从第70行和第77行（site.CSS）的H1语句中删除属性

颜色和字体大小

h1,h2,h3,h4{color:#000...

如果要覆盖代码中的其他CSS add！重要信息，请转换为
h2、h3、h4{color:#000….

像这样

h1
{
    color: rgb(255, 0, 0)!important;
    font-size: 100pt!important;
    font-family: 'Baskerville Old Face', Garamond, serif!important;
    font-weight: bold!important;
    font-style: italic!important;
}

观察行号。h1标记与多个CSS规则（第77行、第70行和第17行-您正在检查的）站点匹配。CSS:77必须更正