是否可以给每条记录一个不同的css类？

Question

有没有办法让表中的每条记录都有自己的css类？我将记录显示为部分，但希望能够为每个部分提供其自己的单独 css 属性。也许一种通过 div 的名称和记录的 id 组合来分配 css 规则的方法？

编辑

抱歉问题写得不好，我会尝试更详细地解释。

我在索引页面上显示了一个场地记录表，并希望每个场地记录都有一个图标放置在屏幕左侧的地图上（map_container）。地图只是一个手绘的图片作为一个固定宽高div的背景。

场地索引.html.erb：

<div class="map_container">
</div>

<div class="filter_options_container">
  <form class="filter_form", method="get">    
    <fieldset class="filter_form_fieldset">
      <legend class="filter_form_fieldset_legend">Choose an area:</legend>
      <% Area.all.each do |a| %>
        <span class="filter_form_checkbox_label">
          <%= check_box_tag("areas[]", a.id, false, :class => "styled")%>
          <%= a.name %><br>
        </span>
      <% end %>        
      <input type="submit" value="Filter" />
    </fieldset>
  </form>
</div>

<div class="venue_partials_container">
  <%= render :partial => 'venue', :collection => @venues %>
  <div class="clearall"></div>

  <%= will_paginate @venues %>

  <div class="venue_partial_button">
    <%= link_to 'add a new venue', new_venue_path %>
  </div>
</div>

<div class="clearall"></div>

我在想这样做的一种方法是制作另一个图标记录表，其中一个场所属于一个图标，一个图标属于一个场所。然后将地图 div 区域生成为部分图标记录。不同的 css 类可能是这样的：

.icon(with_venue_id_1) {
position: absolute;
top: 10px;
left: 10px;
}

.icon(with_venue_id_2) {
position: absolute;
top: 15px;
left: 20px;
}

等等等等……

我知道这非常糟糕，它可能会给你带来一些恶心，但我的零编程经验让我做到了这一点。我想有很多更好的方法可以做到这一点，但这至少可以作为我的学习帮助。

我最终希望从正在运行的应用程序本身添加这些图标和它们的位置，但现在我很高兴能让一些东西正常工作。

感谢您的帮助，非常感谢。

Answer 1

这样的？

<% @record.each do |r| %>
  <tr class="<%= r.id %>"> 
  <!-- Or some other value from the record? --> 
  ...

不确定我是否完全理解了这个问题。