為什麼我們不能將供應商特定的 CSS 規則組合到單一選擇器中？

組合特定於供應商的CSS 規則：了解限制

CSS 提供了一種強大的機制，可以跨不同瀏覽器設置元素樣式。然而，在嘗試合併針對相同屬性的規則時，在 CSS 中使用特定於供應商的前綴會帶來挑戰。

特別是，將特定於供應商的偽元素/類別組合到單一規則集中會引發以下問題：為什麼這是不可能的。為了理解這個限制，我們深入研究了 CSS 語法的基本原理。

根據 CSS2.1 規範，CSS 選擇器包括左大括號 ({) 之前的所有內容。使用者代理程式會忽略它們無法解析的選擇器（即那些不符合 CSS2.1 標準的選擇器）。

由於瀏覽器可能無法一致地支援特定於供應商的前綴，因此具有無法識別的前綴的偽元素/類將被刪除，只留下那些被特定瀏覽器識別的。這解釋了無法在逗號分隔的選擇器中組合特定於供應商的規則的原因。

CSS2.1 規範本質上指出，對未知選擇器的無知會導致它們被拒絕，從而使像建議的組合這樣的組合變得不可能。

此限制凸顯了為特定於供應商的規則添加前綴的重要性，並認識到最終 CSS 程式碼的兼容性依賴於瀏覽器對特定供應商的支援。

以上是為什麼我們不能將供應商特定的 CSS 規則組合到單一選擇器中？的詳細內容。更多資訊請關注PHP中文網其他相關文章！