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

CSS 選擇器：使用特定子元素定位元素

CSS 可以根據其子元素選擇元素嗎？雖然在某些框架中是可能的，但目前純 CSS 的答案是否定的。

CSS2 和 CSS3 限制

現有的 CSS2 和 CSS3 規範缺乏任何父選擇機制。這意味著選擇器無法根據子元素直接定位元素。

不斷發展的規範

父選擇器的問題多年來一直在討論，有各種不同的觀點提出的解決方案。過去的一項提案引入了「主題」的概念，允許對選擇器鏈中的元素進行有針對性的樣式設定。不過，這個功能後來被刪除了。

最近的進展：:has() 偽類

最新的“選擇器級 4 編輯草稿”引入了“:has” ()」關係偽類。這個偽類允許作者根據其子元素選擇元素。例如，要選擇包含跨度的所有段落，可以使用：

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

當前狀態

雖然有希望，但重要的是要注意「： has()」偽類仍處於草案階段，可能會進行進一步的更改。因此，當前瀏覽器可能無法廣泛支援它。

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