Internet Explorer 中真正的 CSS 限制是什麼？

揭穿 Internet Explorer 的 CSS 限制

Internet Explorer 對 CSS 樣式表的使用有著嚴格的限制。解開這些限制可能會讓人感到沮喪，但透過深入研究 Microsoft 的指南，我們可以闡明這些限制。

樣式和連結標記限制

IE 總共允許 31 個 < ;風格>和標籤。每張表進一步限制為 31 個 @import 語句。這意味著理論上您可以擁有 31 個 標籤，每個標籤都會匯入 31 個外部樣式表。

選擇器限制

4095 規則是指每個 CSS 表允許的選擇器數量。在 IE9 中，單一工作表最多可以包含 4095 個選擇器。在 IE10 中，此限制已顯著增加到 65534 個選擇器。

@import 巢狀

IE 對 @import 巢狀的深度有限制。在 IE9 中，最多支援 4 層嵌套，而在 IE10 中，嵌套最多可以達到 4095 層。

多個樣式表和選擇器限制

與錯誤訊息相反，IE 允許您載入選擇器限制內的多個樣式表。例如，您可以連結到兩個樣式表，每個樣式表包含 4000 條規則，且不超過限制。

測試選擇器限制

為了按表確認選擇器限制，創建了一個測試要點。第一個 CSS 檔案達到了 4096 個選擇器限制，最終選擇器被忽略。然而，儘管瀏覽器已經處理了第一個檔案中的 4095 個選擇器，但第二個包含 4095 個選擇器的檔案在 IE 中成功載入並正確呈現。

透過了解這些限制並利用測試要點來驗證它們，Web 開發人員可以有效地駕馭 Internet Explorer CSS 規則的怪癖。

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