如何使用 CSS 根據子元素設定父元素的樣式？

根據子元素設定父元素的樣式

可以為基於特定子元素的存在應用的元素定義 CSS 樣式元素。這是使用 :has() 偽類實現的。

範例

考慮下列HTML：

要依照其子層級設定父級div 的樣式，使用:has() 偽類：

第一個div 將有一個紅色邊框，因為它包含一個類別為「a」的子div。第二個 div 將具有藍色邊框，因為它包含類別為“b”的子 div。

注意： 在 :has() 偽類之前，此行為只能是使用 JavaScript 實作。

以上是如何使用 CSS 根據子元素設定父元素的樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！