我如何将 css 与 rails 和资产管道一起使用答案

【问题标题】：How can i use css with rails and the asset pipeline我如何将 css 与 rails 和资产管道一起使用
【发布时间】：2013-03-24 13:27:46
【问题描述】：

我按照指南操作，但无法应用样式。

如何将页面背景设为蓝色？

我有以下文件：app/assets/stylesheets/main.css.scss

内容为：body { background-color: #123456;}

我的app/assets/application.css.scss 文件中有以下内容：

/*
 *
 *= require_self
 *= require_tree .
 */

网页一旦加载，就会在 head 标签中包含以下行：

<link href="/assets/main.css?body=1" media="all" rel="stylesheet" type="text/css" />

但我的网页不是蓝色的，所以我是；）

如何让网页背景颜色为蓝色？

我已停止并启动服务器以尝试确保正在编译资产。

【问题讨论】：

当您检查body标签的样式时（使用firefox或chrome开发工具），您的背景颜色是否被其他样式覆盖？
当您尝试访问main.css 时，为什么您的SCSS 资产命名为application.css.scss？
application.css.scss 需要 main.css.scss。
我认为您不必重命名清单文件 application.css 并加上前缀 .scss。我觉得很奇怪为什么你的源代码中有main.css，它应该是application.css 。在布局视图中检查 stylesheet_include_tag "application.css"。

【解决方案1】：

您的 css 链接需要引用 application.css - 这是其余 css 编译成的主文件名。

<link href="/application.css?body=1" media="all" rel="stylesheet" type="text/css" />

另外，在 Rails 中，最好使用资产助手：

<%= stylesheet_link_tag "application" %>

【讨论】：