Rails应用程序样式表错误

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

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; 
}

来源

2012-05-24 Anconia

究竟什么不行？ H1代码在我设置的jsfiddle示例中执行得很好。 http://jsfiddle.net/TRKkj/1/ – afaf12

我只是将代码移入scaffold.css.scss文件，并且运行完美。有没有我没有看到的范围问题？我不明白它为什么会在scaffold.css.scss中运行，但不是application.css – Anconia

查看浏览器检查器中的元素。 h1元素是否继承其他文件的任何内容？ – badams

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

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

来源

2012-05-24 23:12:19 afaf12

它们都从元素体继承，但是没有任何内容应该取消h1和h1.title代码。另外，application.css中只有两个元素是h1和h1.title - 我的应用程序仍然很小。 – Anconia

我将body，h1和h1.title都移到了application.css中，它现在可以完美运行 - 这是有道理的，因为application.css是第一个得到编译的文件。从现在开始，应用程序范围的代码应该放在application.css中，还是可以放置scaffold.css.scss？ – Anconia

我将应用程序范围的代码放在一个单独的.css文件中，以保持application.css整洁。通常，application.css中不应该有css代码，同样也可以使用js和application.js。 – afaf12

Rails应用程序样式表错误

回答

相关问题