Internet Explorer のさまざまなバージョンにおける CSS ルールの制限は何ですか?

Internet Explorer の CSS 制限: メガバイトとレイヤーの問題

開発者として、私たちはツールの制限によって制約されることがよくあります。かつて Web ブラウザ市場で支配的な勢力だった Internet Explorer は、その癖と制限があることで長い間知られてきましたが、CSS ルールも例外ではありませんでした。

最も悪名高い Internet Explorer の CSS 制限の 1 つは、次の数に関係しています。単一の Web ページにロードできる CSS ルールの数。 IE9 より前は、使用されるスタイル シートの数に関係なく、この制限はわずか 4095 ルールでした。ただし、IE9 以降では大幅な改善が行われ、大幅に多くのルールを使用できるようになりました。

IE9 では、1 つのスタイル シートに最大 4095 個のセレクターを含めることができ、@import ルールは最大 4 レベルの深さでネストできます。これにより、実質的にページごとに合計 4095 * 4 = 16380 のルールが可能になります。

IE10 のリリースにより、CSS ルールの制限はスタイル シートごとに 65534 セレクターと 4095 レベルの @import ネストにさらに拡張されました。これは、1 ページあたり 4095 * 4095 = 16,777,215 という膨大なルールになります。

これらの制限は、ほとんどの Web 開発シナリオには十分すぎるように思えますが、各スタイル シートに個別に適用されることに注意してください。したがって、単一の Web ページに複数のスタイル シートがリンクされている場合、それらのスタイル シートにはそれぞれ独自の制限セットが設定されます。

要約すると、

• IE9: スタイル シートあたり最大 4095 ルール、スタイル シートあたり 31 @import ルール、@import ネストの 4 レベル、あたり 16380 ルールpage.
• IE10: スタイル シートあたり最大 65,534 のルール、スタイル シートあたり 4,095 の @import ルール、@import ネストのレベル 4,095、ページあたり 16,777,215 のルール。

以上がInternet Explorer のさまざまなバージョンにおける CSS ルールの制限は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。