不同版本的 Internet Explorer 中的 CSS 規則限制是什麼？

Internet Explorer 的 CSS 限制：兆位元組和層的問題

身為開發人員，我們經常受到工具的限制。 Internet Explorer 曾經是網頁瀏覽器市場的主導力量，長期以來以其怪癖和限製而聞名，CSS 規則也不例外。

最臭名昭著的 Internet Explorer CSS 限制之一與數量有關可以載入到單一網頁中的 CSS 規則。在 IE9 之前，無論使用多少樣式表，此限制僅為 4095 條規則。然而，IE9 及更高版本帶來了重大改進，允許更多的規則。

在 IE9 中，單一樣式表最多可以包含 4095 個選擇器，而 @import 規則最多可以嵌套四層深度。這實際上允許每頁總共 4095 * 4 = 16380 條規則。

隨著 IE10 的發布，CSS 規則限制進一步擴展到每個樣式表 65534 個選擇器和 4095 等級 @import 巢狀。這意味著每頁有 4095 * 4095 = 16,777,215 條規則。

雖然這些限制對於大多數 Web 開發場景來說似乎綽綽有餘，但值得注意的是它們分別適用於每個樣式表。因此，如果您有多個樣式表連結到單一網頁，則每個樣式表都有自己的一組限制。

總結：

• IE9： 每個樣式表最多4095 個規則，每個樣式表31 個@import 規則，4 層@import 嵌套，每個16380個規則
• IE10：每個樣式表最多 65534 個規則，每個樣式表 4095 個 @import 規則，4095 級 @import 嵌套，每頁 16,777,215 個規則。

以上是不同版本的 Internet Explorer 中的 CSS 規則限制是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！