Ruby on rails 未应用Rails 3.2.5样式表-新手

我正在从“使用Rails的敏捷Web开发”（第四版，Rails 3）学习Rails，但我在应用样式表时遇到了困难。为了让您快速了解到目前为止我所做的工作，我首先生成了一个脚手架：

 rails generate scaffold Product title:string description:text image_url:string price:decimal

.products {
  table {
    border-collapse: collapse;
  }
  table tr td {
    padding: 5px;
    vertical-align: top;
  }
 .list_image {
    width:  60px;
    height: 70px;
  }
  .list_description {
    width: 60%;

    dl {
      margin: 0;
    }
    dt {
      color:        #244;
      font-weight:  bold;
      font-size:    larger;
    }
    dd {
      margin: 0;
    }
  }
  .list_actions {
     font-size:    x-small;
     text-align:   right;
     padding-left: 1em;
  }
  .list_line_even {
    background:   #e0f8f8;
  }
  .list_line_odd {
    background:   #f8b0f8;
  }
}

然后当然：

 rake db:migrate

然后，我使用db/seeds.rb文件将一些数据加载到products表中。当我加载localhost:3000/产品时，一切都很正常。现在，我将本书提供的样式表代码复制到scaffold生成的products.css.scss文件中：

 rails generate scaffold Product title:string description:text image_url:string price:decimal

.products {
  table {
    border-collapse: collapse;
  }
  table tr td {
    padding: 5px;
    vertical-align: top;
  }
 .list_image {
    width:  60px;
    height: 70px;
  }
  .list_description {
    width: 60%;

    dl {
      margin: 0;
    }
    dt {
      color:        #244;
      font-weight:  bold;
      font-size:    larger;
    }
    dd {
      margin: 0;
    }
  }
  .list_actions {
     font-size:    x-small;
     text-align:   right;
     padding-left: 1em;
  }
  .list_line_even {
    background:   #e0f8f8;
  }
  .list_line_odd {
    background:   #f8b0f8;
  }
}

现在，当我加载localhost:3000/products时，样式表没有被应用。我可以在inspect元素中看到样式表，但它没有被应用。我已经尝试了一切可以想象得到的东西。首先，我确保这行代码在我的application.html.erb中：

  <%= stylesheet_link_tag "application", :media => "all" %>

没有成功。删除public/assets目录后，我确保这行代码位于我的config/application.rb文件中：

 config.assets.enabled = true

是的。接下来，我转到assets/stylesheet/application.css文件，并尝试添加以下代码行：

*= require products

---

再一次，没有成功。最后，我尝试重新启动服务器，看看是否有效果。再次失败。我在这里走到了尽头。请，我将感谢任何和所有的意见，在这件事上，我是如此疲惫和沮丧

不确定这是否有效，但值得一试，请尝试删除.css，保留products.scss。还可以尝试一种非常简单的样式，看看它是否有效。甚至可以在线查看。

我只是花了一个小时来找出答案，因为我自己也有同样的问题。转到application.css.sass并确保它

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

---

在里面。这会自动加载apps/assets/stylesheets中的所有其他.css.sas，然后将它们预编译到public/assets/stylesheets中，成为一个statis css文件，并将其提供给浏览器。

我想你几个小时前也提出过同样的问题。。。有人告诉你删除第15行的空格，你说它解决了问题。。。如果你仍然有同样的问题，我想你应该重新开始你以前的问题。。。如果我错了，很抱歉……不，这是另一个问题。对不起，如果有任何混乱。我之前的问题是关于如何加载样式表。现在它正在加载（我没有收到错误），但它没有应用。你是说application.css？因为我有那些台词。但是，/*字符不是用于注释行吗？