Internet Explorer 8 で nth-child() を使用してテーブルでゼブラ ストライピングを実現するにはどうすればよいですか?

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 {}

このアプローチにより、スタイルを指定できます2 番目の li 要素では、nth-child(2) の動作を効果的に模倣します。

制限事項:

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

以上がInternet Explorer 8 で nth-child() を使用してテーブルでゼブラ ストライピングを実現するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。