CSS 中如何根據子元素選擇元素？

在 CSS 中選擇具有特定子元素的元素

在 CSS 中，如何根據特定子元素的存在來選擇元素元素？

可能嗎？

不幸的是，CSS2 和 CSS3 不支援父元素選擇，因此無法根據子元素來選擇元素。

規格變更

儘管有討論多年來，CSS 中的父選擇器尚未達成共識。以下是潛在變更的概述：

主題選擇器（已棄用）

「選擇器等級4 工作草稿」的舊草稿建議使用「主題」選擇器，但該功能已被放棄，不會實現。

關係偽類： :has()

最近的「選擇器等級 4 編輯草稿」包含「:has()」作為關係偽類。此偽類允許作者根據其內容選擇元素。例如：

p:has(span) {
    color: red;
}

此選擇器會將紅色應用於包含跨度 () 的任何段落 (

) 元素。

注意：這些規格變更可能會進行修訂，因此此資訊的準確性可能會有所不同。

以上是CSS 中如何根據子元素選擇元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！