我有一个’欢迎’控制器.我想为这个名为welcome.html.erb的控制器使用一个单独的布局,我只想使用welcome.css.scss – 我得到了这个工作. 现在我有一个使用默认应用程序布局的“页面”控制
现在我有一个使用默认应用程序布局的“页面”控制器.但是,这个使用application.css.scss的应用程序布局也呈现了我的OTHER布局的css(welcome.css.scss).这导致我的所有页面操作都被搞砸了,因为我正在应用其他布局的样式.
welcome.html.erb(layout)css声明
<%= stylesheet_link_tag 'welcome', media: 'all', 'data-turbolinks' => true %>
我的application.html.erb(布局)仍然是默认设置.
总而言之,当我加载页面控制器时,我指定了我的页面布局,而后者又使用了welcome.css.scss – 一切都很好.我点击一个链接,它将我带到页面控制器和BAM …它加载我的所有css文件和welcome.css.scss与application.css.scss冲突.
一些可能的解决方
>只需在welcome.html.erb正文标记中添加一个id,将其所有样式包装到自己的小选择器中,并将其添加到application.css.scss(似乎是hackish)
>可能会更改application.css.scss顶部的小声明？
我已经研究和试验了一段时间,我已经诉诸S.O.
谢谢你的帮助.
您可能在评论中排除了application.css.scss的顶部,如下所示：*= require_tree .
这需要样式表目录中的所有文件.您需要将其删除,并逐一包含您想要的内容.