html - 设置一行 DIV 中最后一个 DIV 的样式

Question

我查看了这篇文章 ( How to style the first and last li with CSS or jQuery? )，但仍在寻找合适的 IE8(和 IE8 之前的版本)解决方案。

我有一排 DIV 被设置为有一个 padding-right，但为了让最后一个正确对齐，我希望最终的 DIV 有零填充。我以前使用过 .css + .css 路由，但这在 IE8 和之前的版本中似乎不起作用。

如有任何帮助，我们将不胜感激。

Answer 1

假设有一个包含所有这些的 div，您应该能够这样做:

div.container {
    background-color: blue;
}
div.container .div-row {
    float: left;
    padding-right: 5px;
}
div.container .div-row:last-child {
    padding-right: 0px;
}