Internet Explorer の CSS ルール制限とは何ですか?また、それはどのように適用されますか?

Internet Explorer の CSS ルール制限の調査

はじめに

かつて主流の Web ブラウザーだった Internet Explorer は、次の点で知られています。 CSS ルールに課せられる制限を含む、その制限。 Web 開発者がブラウザ間の互換性を確保するには、これらの制限を理解することが重要です。

シートごとまたはドキュメントごとのルール制限?

よくある誤解は、 4095 ルールの制限。一部の情報源では、この制限はドキュメント全体に適用されると示唆されていますが、他の情報源では、この制限は個々のスタイルシートに関係していると主張されています。

Microsoft による回答

Microsoft の公式ドキュメントによると、 Internet Explorer のルール制限はシートごとのモデルに従います。これは、次のことを意味します。

• 各スタイルシートには、最大 4095 個のセレクター (IE9) または 65534 個のセレクター (IE10) を含めることができます。
• 1 つのスタイルシートには、最大 31 (IE9) または 4095 ( IE10) の他のスタイルシート。
• インポートされたスタイルシートは、最大 4 レベル (IE9) または 4095 レベル (IE10) までネストされます。

シート制限による 4095 ルールのテスト

シートごとのルールを確認するには制限に応じて、テスト ケースは 3 つを使用して実行されました。 files:

• HTML: 2 つの CSS ファイルにリンクする HTML ファイル。
• 1.css: 4096 個のセレクターが含まれています。
• 2.css: が含まれています4095 セレクター。

Internet Explorer で表示すると、最初の CSS ファイル (1.css) の最後のセレクターが適用されていないことが確認され、スタイルシートあたり 4095 のルール制限が確認されました。

結論

かつては重要だった Internet Explorer の CSS ルールの制限この懸念は、後のバージョンでは汎用性が高まることで解決されました。開発者は現在の制限を認識し、それに応じてスタイルシートを最適化して、さまざまなブラウザー間での互換性を確保する必要があります。

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