css - 以特定类的最终 DIV 为目标以使用 CSS 进行样式设置

Question

我有一组由我无法修改的不同页面生成的预定项目。我想为列表中的第一个和最后一个项目设置样式。第一项是没有问题的，但是因为最后一项不是列表中的最后一个DIV，所以不知道怎么修改。删除最后一个描述 DIV，这也是这个 Fiddle http://jsfiddle.net/CeJAS/的第 15 行，实现了我想要的，但我无法修改真正的 HTML - 不幸的是，空的描述 DIV 是标记的一部分。这可以通过 CSS 实现吗？

<div class="list">
    <div class="title">
    <a href="#">Link</a>
    </div>
    <div class="description"> </div>

    <div class="title">
    <a href="#">Link</a>
    </div>
    <div class="description"> </div>

    <div class="title">
    <a href="#">Link</a>
    </div>
    <div class="description"> </div>
</div>

Answer 1

在做了一些谷歌搜索后，我发现你可以使用.list div:nth-last-child(2).

IE 9 和到目前为止 10也支持它。