Internet Explorer の CSS セレクターの制限は何ですか?またバージョン間での違いは何ですか?

Internet Explorer: CSS 制限の操作

Internet Explorer では、CSS の使用に一連の制限が課されます。これらの制限は、Web サイトのレンダリングに混乱や中断を引き起こす可能性があります。

4095 ルールを理解する

最も議論されている制限の 1 つは、4095 ルールです。これは、CSS シートまたはドキュメント内で許可されるセレクターの最大数を指します。ただし、この制限はシートごとに適用されるのか、ドキュメントごとに適用されるのかという疑問が残ります。

Microsoft の公式ガイドラインによると、4095 ルールはドキュメントごとではなくシートごとに適用されます。これは、それぞれに最大 4095 個のセレクターを含む複数の CSS シートにリンクでき、それらはすべて正しく動作することを意味します。

IE9 と IE10

によって課される制限Internet Explorer はさまざまなバージョンを経て進化してきました。 IE9 の場合:

• CSS シートには最大 4095 個のセレクターを含めることができます。
• シートには最大 31 個の他のシートをインポートできます。
• インポートのネストは最大 31 個までサポートされます。深さは 4 レベル。

IE10 および後:

• シートには最大 65534 個のセレクターを含めることができます。
• シートには最大 4095 個の他のシートをインポートできます。
• インポートのネストは最大 4095 レベルの深さをサポートします.

これらの変更により、Web サイト開発の柔軟性が向上し、より複雑で包括的な CSS の使用。

サンプル テスト ケース

シートあたりの制限を確認するために、2 つの CSS ファイルを使用してテストが実施されました。 1 つのファイルには 4096 個のセレクターが含まれ、もう 1 つのファイルには 4095 個のセレクターが含まれていました。 HTML ドキュメントは両方のファイルにリンクされています。

結果は、最初のファイルは最終セレクターを読み込まなかったのに対し、2 番目のファイルは Internet Explorer に読み込まれ、正しく動作したことを示しました。これにより、4095 ルールがシートごとに適用されることが確認できます。

Web 開発者は、Internet Explorer の CSS 制限を理解することでコードを最適化し、潜在的なレンダリングの問題を回避できます。

以上がInternet Explorer の CSS セレクターの制限は何ですか?またバージョン間での違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。