如何通过CSS删除最后一个div分隔符的边框底部？

Question

我在div框中显示最新新闻，其中每个新闻都由边框底分隔符分隔。请注意，在HTML中，我没有使用任何功能。而不是我只是使用div。问题是最后一个新闻div也显示边框底部分隔符。即使我已经尝试过：last-child选择器，我也不知道如何删除它，但是它不起作用。我知道使用ul li可以通过：last-child解决问题，但是我不想更改HTML。这是一个快照主机：

HTML代码：

<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，我们如何删除分隔符的最后一个边框？

Answer 1

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

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

演示