CSS 的 :has() 選擇器在去年底被 Firefox 121 支援後,已經被所有的主流瀏覽器支援

最近遇到一個案子有相鄰的 A、B 兩區塊,其中 A 內部的按鈕被 :hover 的時候要替換 B 裡的背景,因此想到或許可以用這個處理,像這個樣子:
:has() test - JSFiddle - Code Playground

不過考慮到 Safari 是 15.4(2022-03-14)才支援,最後還是放棄用這個,改用 JS 了

雖然從很久以前就有這感覺,但還是想再說一次:越來越覺得 Safari 是如同 IE 的存在

-

平滑捲動的 scroll-behavior 也是類似的狀況