5

我查看了这篇文章（如何使用 CSS 或 jQuery 设置第一个和最后一个 li 的样式？），但我仍在寻找合适的 IE8（和 IE8 之前）解决方案。

我有一排设置为具有填充权的 DIV，但为了使最后一个正确对齐，希望最终 DIV 具有零填充。我以前使用过 .css + .css 路由，但这似乎不适用于 IE8 及其之前的版本。

任何帮助，将不胜感激。

4

6 回答 6

5

假设有一个包含所有这些的包含 div，你应该能够做到这一点：

div.container {
    background-color: blue;
}
div.container .div-row {
    float: left;
    padding-right: 5px;
}
div.container .div-row:last-child {
    padding-right: 0px;
}
于 2012-04-25T14:08:27.557 回答
3

你可以给最后一个 div 一个类，并让它在 IE 中与该类一起工作。

<div class="last"></div>

<style>
    .last
    {
        padding-right:0;
    }
</style>
于 2012-04-25T14:05:30.820 回答
2

您可以使用类似以下 CSS 的内容：

.rowofdivs div:last-child {
    padding-right: 0;
}
于 2012-04-25T14:06:39.947 回答
1

如果您无法按照其他答案中的建议手动添加“last”类，则必须依靠 JavaScript 来完成此操作。如果你有 jQuery，你可以这样做：

 $('#parentdiv div:last-child').addClass('last');

然后相应地调整您的样式表：

 .last { padding-right: 0 }
于 2012-04-25T14:38:37.790 回答
1

您可以使用 css 伪类:last-of-type

于 2012-04-25T14:06:44.220 回答
1

这是一个 CSS3 选择器，请参阅quirks mode了解哪些浏览器可用的列表。

为什么不在代码中的最后一个 div 中添加一个 class="last"？

last-child 不适用于 IE8 及更低版本

于 2012-04-25T14:07:11.233 回答