Rails 嵌套形式的 CSS答案

【问题标题】：CSS in a Rails nested-formRails 嵌套形式的 CSS
【发布时间】：2011-10-11 06:24:34
【问题描述】：

我是 Rails 新手，请耐心等待。

我有一个名为 new.html.erb 的视图文件，它呈现一个使用嵌套表单 (_traveler.form.erb) 的表单 (_form.html.erb)。这些位于 app/views/traveling_parties 目录中。我正在尝试使用 CSS 来设置此表单的样式。

我看到了问题“Where do you put CSS files in a rails app directory?”，所以我将我的 css 文件 (newgame.css) 放在 public/stylesheets 中，并将以下标签放在我的 new.html.erb 文件的顶部：

<head>
<%= stylesheet_form_tag "newgame" %>
</head>

在我的 CSS 文件中，我有一个测试 ID：

#test
{
    background: #000;
    height: 100px;
    width: 100px;
}

我将它应用于我的 new.html.erb 文件中的一个 div

但它似乎没有做任何事情......我做错了什么吗？还有其他信息可以提供吗？

【问题讨论】：

【解决方案1】：

您应该查看http://railscasts.com/ 以获取有关视图和布局的剧集（例如在此处搜索）

答案取决于您使用的 Rails 版本。

一般来说，Rails 应用程序中可以有多个布局。

如果您只有一种布局，那么您的 CSS 文件将位于 Rails 版本的默认位置。

例如（假设您使用的是 SCSS）

public/stylesheets/application.scss 在 Rails 2.x 中

app/stylesheets/application.scss 在 Rails 3.x 中

也请查看此 RailsGuide：

http://guides.rubyonrails.org/layouts_and_rendering.html

检查这两个 RailsCasts：（特别是关于资产管道）

【讨论】：