Internet Explorer 中的 CSS 選擇器限制是什麼以及它們在不同版本之間有何不同？

Internet Explorer：導覽 CSS 限制

Internet Explorer 對 CSS 使用施加了一組限制。這些限制可能會導致網站渲染混亂和中斷。

了解 4095 法則

最受爭議的限制之一是 4095 法則。這是指 CSS 工作表或文件中允許的最大選擇器數量。然而，問題仍然存在：這個限制是針對每張紙還是每份文件？

根據微軟的官方指南，4095 規則適用於每張紙，而不是每份文件。這意味著您可以連結到多個 CSS 表，每個 CSS 表最多包含 4095 個選擇器，並且它們都將正常運作。

IE9 與 IE10

施加的限制Internet Explorer 已經發展了不同的版本。對於 IE9：

• 一個 CSS 工作表最多可以包含 4095 個選擇器。
• 一個工作表最多可以匯入 31 個其他工作表。
• 最多支援導入巢狀4 級深度。

適用於 IE10 和稍後：

• 一個工作表最多可以包含 65534 個選擇器。
• 一個工作表最多可以匯入 4095 個其他工作表。
• 導入巢狀最多支援 4095 層深度.

這些變更為網站開發提供了更大的靈活性，允許使用更複雜和更全面的 CSS。

範例測試案例

為了確認每頁限制，使用兩個 CSS 檔案進行了測試。一個檔案包含 4096 個選擇器，而另一個檔案包含 4095 個選擇器。連結到這兩個文件的 HTML 文件。

結果顯示第一個檔案未載入其最終選擇器，而第二個檔案已載入並在 Internet Explorer 中正常運作。這證實了 4095 規則適用於每個工作表。

透過了解 Internet Explorer 中的這些 CSS 限制，Web 開發人員可以最佳化其程式碼並避免潛在的渲染問題。

以上是Internet Explorer 中的 CSS 選擇器限制是什麼以及它們在不同版本之間有何不同？的詳細內容。更多資訊請關注PHP中文網其他相關文章！