目标最终在一组使用 CSS 的中

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/

如果您的

3

是其父元素的最后一个元素，则会选择它。

所有现代浏览器和 IE9+ 均支持 :last-child （不是 IE8！）。

Answer 2

如果无法访问 HTML，您最好的选择是使用 last-child CSS 选择器。

这假设 div 是某个父元素中的最后一项，以便：

<div id="container">
<div></div>
<div></div>
<div></div>
</div>

您可以这样做：

#container div:last-child{}