Internet Explorer 8 での nth-child() の CSS サポート

最新のブラウザでは、CSS の nth-child() 要素は一般的に表でゼブラストライプ効果を実現するために使用されます。ただし、この機能は Internet Explorer 8 には特にありません。この制限に対処する方法は次のとおりです:

ポリフィルのアプローチ:

Selectivizr は、Internet Explorer の機能を効果的に拡張する確立されたポリフィルです。 CSSのサポート。 Selectivizr を実装すると、CSS スタイルで nth-child() を利用できます。

ポリフィルなし:

Internet Explorer 8 の最初の子セレクターのサポートにより、 nth-child() 機能をエミュレートする機会:

/*li:nth-child(2)*/
li:first-child   li {}

この方法では、nth-child(2) の動作を効果的に模倣して、2 番目の li 要素のスタイルを指定できます。

制限事項:

このエミュレーション トリックは、nth-child(2) のような単純なセレクターには機能しますが、nth-child(2n のようなより複雑な式を扱う場合には不十分です) 1) または n 番目の子(奇数)。 Internet Explorer 8 には、これらのセレクターの微妙な機能を複製する機能がありません。