Rails 4行项的备用背景

Question

我一直在跟随"Rails 3.2敏捷Web开发"这本书，但是我使用的是Rails 4.2.1，直到我尝试更换行的背景颜色才出现问题。书中第六章的一部分。

在我的products.css.scss文件中有:

.list_line_even {
  background: #e0f8f8;
}
.list_line_odd {
  background: #f8b0f8;
}

在我的index.html.erb中我有:

<p id="notice"><%= notice %></p>
<h1>Listing Products</h1>
<table>
<% @products.each do |product| %>
<tr class= "<%= cycle('list_line_odd', 'list_line_even') -%>">
  <td>
    <%= image_tag(product.image_url, class: 'list_image') %>
  </td>
  <td class= "list_description">
    <dl>
      <dt><%= product.title %></dt>
      <dd><%= truncate(strip_tags(product.description), length: 80) %></dd>
    </dl>
  </td>
  <td class= "list_actions">
    <%= link_to "Show", product %><br/>
    <%= link_to 'Edit', edit_product_path(product) %><br/>
    <%= link_to 'Destroy', product, data: {confirm: "Are you sure?"}, method: :delete %>
  </td>
</tr>
  <% end %>
</table>
<br/>
<%= link_to 'New Product', new_product_path %>

我的页面源显示每个项目之间交替:

<tr class= "list_line_odd">
<tr class= "list_line_even">

等等…

一切似乎都工作，除了背景颜色。我试着改变css。SCSS文件只有"红色"，和"蓝色"的颜色。这并没有改变什么。

多谢谢!

Answer 1

尝试检查products.css.scss是否已加载。你可以把你的样式放到application.css.scss来检查它是否解决了这个问题。

Answer 2

我迟到了，在2019年捡起Rails 4.2: p然而，我遇到了这个问题，并想分享我在罕见事件中发现的其他人遇到这个问题。

我也有同样的问题。然而，这并不是因为CSS没有加载。更确切地说，没有包含.products类的容器可以应用它。我通过Firefox动态地将类添加到body标签中，它开始工作了。

如果你看一下/app/views/layouts/application.html中提供的代码片段。这个文件相应地设置了主体类。但是，本书将此文件显示为默认文件，而不是告诉您进行任何更改-这似乎是错误的。