如何删除最后一个div的边界底部＆＃39;通过CSS分隔？

Question

我在div框中显示最新消息，其中每个新闻都通过border-bottom的分隔符与其他新闻分开。请注意，在HTML中我没有使用任何ul li;而不是我使用简单的div。问题是最后一个新闻div也显示了边框底部分隔符。即使我已经尝试过，我也不知道如何删除它：最后一个孩子选择器，但它不起作用。我知道使用ul li，问题可以解决：last-child，但我不想改变我的HTML。这是一个快照主持人：

HTML CODE：

<div class="float_left_div posts">
    <h3>Latest News</h3>
    <div class="news_wrapper">
        <div class="news_txt">
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy. <span>more+</span></p>
        </div>
        <div class="div_separator"></div>
    </div>
    <div class="news_wrapper">
        <div class="news_txt">
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy. <span>more+</span></p>
        </div>
        <div class="div_separator"></div>
    </div>
    <div class="news_wrapper">
        <div class="news_txt">
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy. <span>more+</span></p>
        </div>
        <div class="div_separator"></div>
    </div>
</div>

演示位于：

JSFiddle

因此，通过保持相同的HTML，我们如何删除separtor的最后一个边框？

Answer 1

使用CSS last-child属性删除边框。

.posts .news_wrapper:last-child .div_separator
{
border-bottom:0px;
}

DEMO

Answer 2

请注意：last-child伪类在大多数浏览器中都不起作用。如果我在哪里你将边框放在顶部（而不是底部），然后使用

.posts .news_wrapper:first-child .div_separator{border-top:0px;}

请先注意：在大多数浏览器中都会识别孩子。