測試:not() 選擇器跨瀏覽器：Safari 與Chrome/Firefox 中的怪癖
在最近的查詢中，開發人員遇到了與Chrome 和Firefox 相比，在Safari 中使用:not() 選擇器時會出現不一致。透過調查此案例，我們發現這些瀏覽器在 :not() 中處理多層選擇器的方式存在差異。
Safari 不斷發展的:not() 實作
Safari 有最近實現了:not() 的4 級規範，它引入了對複雜選擇器作為參數的支持。這允許更複雜的選擇器嵌套，例如定位不是特定父級後代的元素。
Chrome/Firefox 的多層限制：not()
相較之下，Chrome 和Firefox 目前僅支援:not() 內的單級選擇器。這些瀏覽器無法辨識複雜的選擇器，例如“p div”。這是由於 CSS 規範和瀏覽器實現的差異所造成的。
潛在錯誤報告
開發人員對多級 :not() 的不同渲染行為的觀察Safari 中的選擇器可以被視為一個潛在的錯誤。 Chrome 和 Firefox 可能應該更新以遵循最新的 CSS 規範並支援更複雜的 :not() 參數。
對開發人員的影響
依賴的開發人員在其Web 應用程式或樣式表的複雜:not() 選擇器上應該意識到這種跨瀏覽器的不一致。如果需要與舊版瀏覽器相容，則可能需要使用替代選擇器模式或使用填充來確保跨瀏覽器的一致渲染。
預期更改
情況是隨著瀏覽器採用最新的 CSS 規範，它可能會不斷發展。預計 Chrome 和 Firefox 最終將實現 :not() 的全部功能並提供多層支援。這會將跨瀏覽器相容性帶到最前沿，並允許更具表現力和更有效率的 CSS 選擇器。
以上是為什麼 Safari 和 Chrome/Firefox 在處理多層 `:not()` 選擇器方面存在差異？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
