Rails 资产预编译问题

Question

我确信我只是以错误的方式这样做，但我无法让它与资产一起使用：预编译，我不确定它应该是均匀的。

#plant.css.erb
<%
plants = Plant.all
if plants
  plants.each do |plant|
%>
    .plant_<%= plant.id %> {
        background-color: #<%= plant.color %>;
        padding: 1px;
    }
<%
  end
end
%>

我收到此错误：

Invalid CSS after "...kground-color: ": expected expression (e.g. 1px, bold), was "#;"
/rails/ship/releases/20111006191503/app/assets/stylesheets/application.css)

我感谢任何人可以提供的任何帮助。如果我没有提供足够的信息，请告诉我我需要什么，我很乐意提供。

Answer 1

我不确定你的语法有什么问题，但整个方法似乎有点偏离规范。通常，人们不会为每个对象创建新的 CSS 规则。为什么不在

# views/plants/index.html.erb
<div class="plant plant-<%= plant.color %>
...
</div>

你的 CSS 文件（不需要 ERB）中定义一些类，

# plant.css
plant_red {background-color: #F00;}
plant_blue {background-color: #00F;}

也许你不这样做是因为不同颜色的植物数量不是有限的？例如，你有彩虹般的颜色吗？在这种情况下，“老派”并使用 style 标签确实更合适：

# views/plants/index.html.erb
<div class="plant" style="background-color:#<%= plant.color %>" >