Css 如何在每个RubyonRails模板集合项之间呈现边框,而不是在末尾?

Css 如何在每个RubyonRails模板集合项之间呈现边框,而不是在末尾?,css,ruby-on-rails,Css,Ruby On Rails,我有一个正在渲染的集合,但希望在项目之间显示边框,而不是在末尾显示边框。这可能吗 render :partial => 'classrooms/classroom_result', :collection => @result, :as => :classroom _教室\ u result.html: <div style='border-bottom:1px solid #CCCCCC;'> <%= classroom.name %> <

我有一个正在渲染的集合,但希望在项目之间显示边框,而不是在末尾显示边框。这可能吗

render :partial => 'classrooms/classroom_result', :collection => @result, :as => :classroom
_教室\ u result.html:

<div style='border-bottom:1px solid #CCCCCC;'>
  <%= classroom.name %>
</div>


基本上,是否有一种方法可以区分集合中的最后一个项目以用于样式设计?在本例中,我不希望在最后一个项目上有边框底部的css,因为我在整个集合周围有一个边框

首先,这是一个CSS问题,而不是Rails问题

为此,您需要一个合适的样式表。我认为你不能像现在这样用内联样式来实现这一点。接下来,您的
需要一个CSS类来标识此
列表,然后使用
:last child
伪选择器禁用最后一个元素上的边框

在样式表中:

.classroom {
  border-bottom:1px solid #CCCCCC;
}

.classroom:last-child {
  border-bottom:0;
}
在你的部分:

<div class="classroom">
  <%= classroom.name %>
</div>


应该这样做。另外,:最后一个孩子不会在家工作,我从来不知道你能做到这一点。这架横排机兼容吗?它在IE中工作吗?不幸的是,我不认为它在IE 8或之前工作。如果您想让它与IE8一起工作,您可以尝试使用jQuery或其他方法添加一个底部为
边框的类:0将样式设置为最后一个div.Like$('.school:last child').addClass(…);