html - IEが最後の子を実装する方法の違いは何ですか？

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

.last-childクラスを追加するデコレータJSライブラリ/コードがあり.first-child、IE8以下に適用されるものがあることを意味します。

Answer 2

古い IE ブラウザは css3 をサポートしておらず、動作しないため、最後の子要素にクラスを適用するために、おそらく jQuery を使用していますlast-child。

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

Modernizrは、さまざまなブラウザーの js/css を条件付きで処理するのに役立つ優れたライブラリです。