Question

在我的application.css文件中，当我在下面输入代码时遇到错误。 h1.title代码将执行但h1代码不会执行。值得一提的是，在我的应用程序中，h1.title高于h1。但是，如果我在h1.title代码之后直接插入h1代码（使用h1代码重复自己），我可以使它工作。我不想这样做，因为我想保持我的代码DRY。这似乎是微不足道的，但我已经与它搏斗了很多并没有取得任何进展。

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 atrributes。

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

Rails应用程序样式表错误

1 个答案: