Internet Explorer の CSS ルールの制限は何ですか?また、IE9 と IE10 ではどのように異なりますか?

Internet Explorer の CSS ルールの制限: 真実を明らかにする

特に悪名高い「4095 ルール」に関する、CSS ルールに対する Internet Explorer の制限制限」は、Web 開発者にとって混乱の原因となってきました。ただし、Microsoft のドキュメントを調べ、実証的テストを実施することで、これらの制限を明確に理解できます。

4095 ルール: シートごとかドキュメントごとか?

The 4095 -rule 制限とは、1 つのスタイルシート (または「シート」) に含めることができるルールの数を指します。 Web ドキュメント内のルールの総数には適用されません。したがって、制限を超えることなく、それぞれに 4095 未満のルールが含まれる複数のスタイルシートにリンクすることが可能です。

IE9 と IE10

ルールの制限は、IE9 と IE10 で異なります。 IE9とIE10.

IE9:

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

IE10:

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

4095 ルールのテスト

4095 ルールの制限を確認するために、3 つのファイルを含むテスト ケースを作成しました:

• HTML ファイル
• CSS ファイル4096 セレクター (4096.css)
• 4095 セレクターを含む CSS ファイル (4095.css)

制限を超えたため、4096.css ファイルは最終セレクターの読み込みに失敗します。ただし、4095.css ファイルは正常に読み込まれ、シートごとに制限が適用されていることがわかります。

以上がInternet Explorer の CSS ルールの制限は何ですか?また、IE9 と IE10 ではどのように異なりますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。