ruby-on-rails - Rails 应用程序样式表错误

Question

在我的 application.css 文件中，当我在下面输入代码时遇到错误。 h1.title 代码将执行，但 h1 代码不会。值得一提的是，在我的应用程序中，h1.title 位于 h1 之上。但是，如果我在 h1.title 代码之后直接插入 h1 代码(重复 h1 片段)，我可以让它工作。我不想这样做，因为我想让我的代码保持干燥。这看起来微不足道，但我为此付出了很多努力，但没有取得任何进展。

h1 {
color: maroon;
font-size: 150%;
font-style: italic;
display: block;
width: 100%;
border-bottom: 1px solid DarkSlateGrey;
}
h1.title {
margin: 0 0 1em;
padding: 10px;
width: 98.5%;
background-color: orange;
color: white;
border-bottom: 4px solid gold;
font-size: 2em;
font-style: normal;
}

Answer 1

如果你直接在application.css中添加代码，它会出现在编译文件的顶部(我假设你的css文件被编译成一个)。我的猜测是您的 application.css 中包含的其他 css 文件会覆盖 h1 css 属性。

在您的浏览器中使用检查选项(IE、Firefox、Chrome 等现在内置了一个)并查看 h1 从哪里获取它的属性值。