无法让特定于页面的 CSS 仅在 Rails 中的一个指定页面上工作

【问题标题】：Having trouble getting page-specific CSS to work on only the one designated page in Rails无法让特定于页面的 CSS 仅在 Rails 中的一个指定页面上工作
【发布时间】：2016-06-17 12:21:22
【问题描述】：

我使用的是 Rails 4.2.3。我想创建特定于页面的 CSS，所以我创建了这个文件

app/assets/stylesheets/profile.css.scss

然后在我的“app/views/users/edit.html.erb”页面中，我在顶部添加了这个

<%= stylesheet_link_tag "profile" %>

这适用于这个页面，问题是这个样式被包含在其他页面中，即使我没有指定这个样式表名称。如何让样式表只显示在一页上？

谢谢，- 戴夫

【问题讨论】：

标签： css ruby-on-rails-4 include stylesheet

【解决方案1】：

从 application.css.scss 中删除 *= require_tree .。此行包含所有页面中的所有 css 文件

要包含控制器特定的样式表，请在每个视图中包含此标记
<%= stylesheet_link_tag params[:controller] %>

如果您有想要包含在所有页面中的 css，您可以包含 *= require_tree ./common_dir 在 application.css.scss 并在 assets/stylesheets 下创建 common_dir

【讨论】：

是的，但这会破坏其他东西。例如，我有一个文件“app/assets/stylesheets/users.scss”，我希望将其包含在（并且仅包含在）我的 /users/ 页面上，但现在它不包含在内。