中定位最终
。
我有以下代码:
<div class="sidebar">1</div>
<div class="sidebar">2</div>
<div class="sidebar">3</div>
如何使用 CSS 定位最后一个 div 元素?如果可能的话,我想更改样式。
<div class="sidebar">3</div>
可悲的是,我无法访问生成的 HTML,所以这可能吗?
您可以使用.sidebar:last-child
,请参阅:http://jsfiddle.net/thirtydot/JJw4w/
如果它是其父元素的最后一个元素,这将选择您的<div class="sidebar">3</div>
。
所有现代浏览器和IE9+(不是IE8!(都支持:last-child
。
在没有访问HTML的情况下,最好的选择是使用last-child
CSS选择器。
这假设div 是某个父元素中的最后一项,因此:
<div id="container">
<div></div>
<div></div>
<div></div>
</div>
你可以做:
#container div:last-child{}