使用CSS定义某些类的最终DIV以进行样式设置

时间:2013-01-27 19:13:22

标签: css css-selectors

我有一组由不同页面生成的预定项目,我无法修改。我想设置列表中的第一个和最后一个项目的样式。第一项没有问题,但由于最后一项不是列表中的最后一个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>

1 个答案:

答案 0 :(得分:2)

做了一点Googling后,我发现你可以使用.list div:nth-last-child(2)

IE 9 and so far 10也支持它。