Internet Explorer 的 CSS 規則限制是什麼？

探索Internet Explorer 的CSS 規則限制

簡介

Internet Explorer 曾經是主導的Web 瀏覽器，因它的限制，包括對CSS 規則施加的限制。了解這些限制對於 Web 開發人員確保跨瀏覽器相容性至關重要。

每頁或每文檔規則限制？

一個常見的誤解與4095 規則限制。一些消息來源表明此限制適用於整個文檔，而另一些消息來源則聲稱它與單一樣式表有關。

Microsoft 的答案

根據 Microsoft 的官方文檔， Internet Explorer 中的規則限制遵循每頁模型。這意味著：

• 每個單獨的樣式表最多可以包含 4095 個選擇器 (IE9) 或 65534 個選擇器 (IE10)。
• 一個樣式表最多可以匯入 31 個 (IE9) 或 4095 個選擇器 (IE10)。 IE10) 其他樣式表。
• 匯入的樣式表最多可以巢狀 4 層 (IE9) 或 4095 層 (IE10)。

按圖紙限制測試4095 規則

驗證每個-表規則限制，使用三個進行測試用例files:

• HTML: 連結到兩個CSS 檔案的HTML 檔案。
• 1.css: 包含 4096 個選擇器。
• 2.css:包含4095 個選擇器。

在 Internet Explorer 中查看時，發現第一個 CSS 檔案 (1.css) 中的最終選擇器未套用，這確認了每個樣式表的 4095 條規則限制。

結論

Internet Explorer 的CSS 規則限制曾經是一個重大問題，在以後的版本中，隨著多功能性的增加，這些問題已得到解決。開發人員應該了解當前的限制並相應地優化其樣式表，以確保不同瀏覽器之間的兼容性。

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