1

在我的 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;
}
4

1 回答 1

1

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

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

于 2012-05-24T23:12:19.517 回答