Internet Explorer の実際の CSS 制限は何ですか?

Internet Explorer の CSS 制限を暴く

Internet Explorer には、CSS スタイルシートの使用に関して厳しい制限があることで知られています。これらの制限を解明することはフラストレーションの原因になる可能性がありますが、Microsoft のガイドラインを詳しく調べることで、これらの制限を明らかにすることができます。

スタイルとリンク タグの制限

IE では合計 31 個が許可されています < ;スタイル> <リンク>タグ。さらに、各シートは 31 個の @import ステートメントに制限されます。これは、理論的には 31 個の を持つことができることを意味します。

セレクターの制限

4095 ルールは、CSS シートごとに許可されるセレクターの数を指します。 IE9 では、1 つのシートに最大 4095 個のセレクターを含めることができます。この制限は、IE10 では 65534 セレクターに大幅に増加しました。

@import ネスト

IE では、@import ネストの深さに制限があります。 IE9 では、ネストは最大 4 レベルまでサポートされていますが、IE10 では、ネストの深さは最大 4095 レベルまで可能です。

複数のスタイルシートとセレクターの制限

誤った情報に反して、IE では、セレクターの制限内で複数のスタイルシートを使用できます。たとえば、制限を超えることなく、それぞれ 4000 のルールを含む 2 つのスタイルシートにリンクできます。

セレクター制限のテスト

シートごとのセレクター制限を確認するために、テスト要点が作成されました。最初の CSS ファイルがセレクターの制限 4096 に達し、最後のセレクターは無視されました。ただし、ブラウザが最初のファイルの 4095 セレクターをすでに処理していたにもかかわらず、4095 セレクターを含む 2 番目のファイルは正常にロードされ、IE で正しくレンダリングされました。

これらの制限を理解し、テストの要点を利用して検証することで、を使用すると、Web 開発者は Internet Explorer の CSS ルールの特殊な問題を効果的に回避できます。

以上がInternet Explorer の実際の CSS 制限は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。