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


中定位最终

我有以下代码:

<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{}

最新更新