我的.scss在我的ruby应用程序中没有被考虑过

Question

我是红宝石发展的新手，如果我的问题在第一时间不那么准确，请提前抱歉。

我尝试应用css样式，但我使用的方式并不像我认为的那样有效。

来自家庭控制器的

index.html.erb app / views / home

<div class="box_home">
    ...
    ... 
</div>

home.scss app / assets / styelsheets

.box_home { margin-bottom: 20px; }

application.scss app / assets / styelsheets

@import "bootstrap-sprockets";
@import "bootstrap";
body { padding-top: 50px; }
.box_home { margin-bottom: 20px; }

没有发生这样的事情。但是如果我在application.scss中插入css属性就行了。

这是正确的方法，还是应该在每个控制器的scss文件中分散样式？如果是，怎么样？

我试图找到文档或较旧的Q＆amp; A但我没有。

提前感谢您的帮助。

Answer 1

您是否在application.css中要求此文件？

*= require home

Answer 2

如果您使用的是SCSS文件，实际上应该在@import

中使用require代替application.scss

@import "bootstrap-sprockets";
@import "bootstrap";
@import "home";
// ...

来自rails资产管道documentation

  

如果要使用多个Sass文件，通常应使用Sass @import规则   而不是这些Sprockets指令。使用Sprockets指令时，Sass文件存在于其中   他们自己的范围，使变量或混合仅在他们定义的文档中可用。