html - CSS 最后一个 child 不工作

Question

我有一个新闻文章网格，我想要它，所以网格中的最后两篇文章没有底部边框，但是我的 css last-child 选择器似乎不起作用，类右边的最后一篇文章去掉了边框，而类左边的最后一篇文章没有，请问这是什么原因？

这是我的代码和问题的 fiddle 。

http://jsfiddle.net/Udders/HJE5h/

Answer 1

正如上面@BoltClock 所提到的，将 broder-bottom 换成 border-top 并改为以 first-child 为目标。一些旧的浏览器不支持 last-child:

JSFiddle:http://jsfiddle.net/HJE5h/2/

编辑

好的，正如@BoltClock 在下面的评论中提到的，问题不完全在于 last-child 问题。但是，如果您确实按照上面的建议使用 border-top，然后定位直接跟在 first-child 之后的下一个 select 元素，您可以从前两篇文章中删除 border-top。

section:first-child .snippet, section:first-child + section .snippet {
    background:none;
    border-top:none;
}

JSFiddle:http://jsfiddle.net/HJE5h/5/