ホームページ > 記事 > ウェブフロントエンド > 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 サイトの他の関連記事を参照してください。