Internet Explorer 8 で n 番目の子要素をスタイルするにはどうすればよいですか?

Internet Explorer 8 での CSS n 番目の Child() サポートのトラブルシューティング

CSS を使用して Web ページをスタイル設定する場合、通常、n 番目の child() 要素は親要素内の特定の子要素にルールを適用するために使用されます。ただし、Internet Explorer 8 は、nth child() 要素をネイティブにサポートしません。

解決策

この制限を克服するには、次のいずれかの方法を使用できます。

ポリフィルの場合:

Selectivizr は、Internet Explorer の CSS サポートを強化する信頼性の高いポリフィルです。これは、n 番目の child() 要素のクロスブラウザ実装を提供し、テーブル行で目的のゼブラ ストライプ効果を実現できるようにします。

ポリフィルなし:

あるいは、Internet Explorer 8 の first-child 要素のサポートを利用して、nth child() の動作をエミュレートすることもできます。次のトリックを適用できます:

/*li:nth-child(2)*/
li:first-child + li {} /*Works for IE8*/

このメソッドでは特定の子要素をターゲットにできますが、nth-child(2n 1) や nth-child などの複雑なセレクターはサポートされないことに注意してください。 (奇数)。

以上がInternet Explorer 8 で n 番目の子要素をスタイルするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。