jquery - 结合 Rails 和 jQuery、CSS？

Question

我正在尝试学习如何结合使用 jQuery 和 Rails。我有一个用随附的 CSS 创建的表格。我希望每个人的第一个都没有这个边界。我想如果我能够选择循环的索引 [0] 并将 CSS 与 jQuery 一起应用，它就会起作用，但我不确定如何去做。我会禁用 .details-row 的 css 还是添加另一个具有 border-top: transparent 的类？

任何解释或资源都很好，谢谢。

• HTML

  <table>
    <% details.each do |details| %>
      <tr class='details-row'>
        <td class='detail-title col-md-6 js-text-productSpec'><%= specification.name %></td>
        <td class='detail-description col-md-6'><%= specification.description %> </td>
      </tr>
    <% end %>
  </table>
  

• CSS

  .details-row {
    border-top: solid 1px #dedede;
    td { 
      padding: 5px 0 5px 0;
    }
  }
  

我希望表格看起来像这样:

Answer 1

尝试以下操作:

table {
  border-collapse: collapse; /* to allow to put border in tr*/
  .details-row {
    border-top: solid 1px #dedede;
    td { 
      padding: 5px 0 5px 0;
    }
    &:first-child { border-top: none; }
  }
}

纯CSS版本:

table { border-collapse: collapse; }
table .details-row { border-top: 1px solid #dedede; }
table .details-row:first-child {border-top: none; }
table .details-row td { padding: 5px 0 5px 0; }

也尝试从 td 类中删除 col-md-6 因为我认为它来自 Bootstrap 并且用于不同的东西

这是一个 fiddle 测试:http://jsfiddle.net/7hj5jpk7/