html - IE 实现 last-child 的方式有什么不同？

Question

我正在使用一个具有如下 CSS 代码的模板：

h2:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
hr:last-child {
    margin-bottom: 0;
}
/* IE class */
h2.last-child,
p.last-child,
ul.last-child,
ol.last-child,
dl.last-child,
hr.last-child {
    margin-bottom: 0;
}

有人可以解释为什么作者对 IE 的做法不同吗？现代浏览器仍然需要它吗？

Answer 1

这意味着存在/曾经有一个装饰器 JS 库/代码，用于添加该类.last-child及其.first-child适用于 IE8 及以下版本的内容。

Answer 2

他们可能正在使用 jQuery 将类应用于最后一个子元素，因为旧的 IE 浏览器不支持 css3，因此last-child无法工作。

$("hr:last-child")
    $(this).addClass("last-child");
});

Modernizr是一个很棒的库，可以帮助有条件地处理不同浏览器的 js/css