在CSS中,我們經常使用has()選擇器來選擇一個元素的父元素,該選擇器使用一個參數,該參數是一個選擇器,用于匹配父元素。
parent:has(child)
具體來說,has()選擇器將選擇具有至少一個指定選擇器匹配的子元素的父元素。
例如,我們可以使用以下CSS規則來選擇具有一個子元素的.slide類:
.slide:has(>img) { background-color: #f9f9f9; }
在上面的規則中,我們使用has()選擇器來匹配具有一個子元素為img的.slide類,并將其背景顏色設置為淺灰色。
需要注意的是,has()選擇器目前并沒有被所有瀏覽器所支持,因此在開發中需要特別注意瀏覽器的兼容性問題。
上一篇hook.css
下一篇css怎么讓圖片在圖片上