使用CSS在一组<div>中定位最终的<div>

Question

我有以下代码:

<div class="sidebar">1</div>

<div class="sidebar">2</div>

<div class="sidebar">3</div>

如何使用CSS来定位最后一个div元素？如果可能的话我想改变造型.

<div class="sidebar">3</div>

遗憾的是,我无法访问生成的HTML,所以这甚至可能吗？

Answer 1

您可以使用.sidebar:last-child,请参阅:http://jsfiddle.net/thirtydot/JJw4w/

<div class="sidebar">3</div>如果它是其父元素的最后一个元素,那将选择你的.

:last-child所有现代浏览器和IE9 +(不是 IE8!)都支持.