CSS 可以根據子元素選擇父元素嗎？

CSS 可以根據子元素來辨識元素嗎？

在這個問題中，我們探索使用 CSS 選擇器來識別元素的可能性包含特定的子元素。例如，我們的目標是選擇所有

。包含 的元素

答案：

不幸的是，CSS2 和 CSS3 規範缺乏根據子元素內容選擇父元素的能力。目前不支援父選擇器。

規範更新註意事項：

由於 CSS 規範的持續討論和更改，此資訊可能會過時。我們將盡一切努力保持這個答案的準確性，但可能會出現不準確的情況。

探索CSS 草稿中的父選擇器：

早期的「選擇器等級4 工作草稿」引入了「選擇器主題」的概念，允許作者指定接收樣式的元素。不過，此功能已從未來規格中刪除，將不再可用。

「選擇器等級4 編輯草稿」中的:has() 偽類：

最近的「選擇器等級4 編輯草稿」包括:has()關係偽類。此結構允許根據元素的內容進行元素選擇。使用 :has()，上面的範例如下所示：

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

此選擇器將選擇所有

包含 的元素孩子。

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