Rails 应用程序样式表错误

Question

在我的应用程序中.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文件被编译成一个）。我的猜测是，您的应用程序中包含的其他 css 文件.css会覆盖 h1 css atrributes。

使用浏览器中的检查选项（IE，Firefox，Chrome等现在内置了一个），并查看h1从哪里获取其属性值。