html - h1 属性被覆盖

Question

我正在接手某人的 ASP.NET MVC 5 元素，并研究一些 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 没有按照我上面定义的那样显示。相反，color 和 font-size 属性似乎恢复为默认值。在 Firefox 的检查器中，这些属性被划掉了，如下图所示:

这可能是什么原因造成的？我假设这是元素的前任所有者设置的东西，但不幸的是他现在不在了。所以我只是在寻找关于此行为的根源可能是什么的想法？

Answer 1

这是因为级联样式表中的css。所以你新的 h1 应该在 file.css 的末尾第 17 行的第一个样式 h1 将被第 77 行的最后一个样式覆盖