ホームページ > ウェブフロントエンド > CSSチュートリアル > Internet Explorer 8 で n 番目の子要素をスタイルするにはどうすればよいですか?

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

Susan Sarandon
リリース: 2024-11-07 00:37:02
オリジナル
407 人が閲覧しました

How Can You Style nth Child Elements in Internet Explorer 8?

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート