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(…);