CSS 可以根据子元素选择父元素吗？

CSS 可以根据子元素识别元素吗？

在这个问题中，我们探索使用 CSS 选择器来识别元素的可能性包含特定的子元素。例如，我们的目标是选择所有

。包含 的元素

答案：

不幸的是，CSS2 和 CSS3 规范缺乏根据子元素内容选择父元素的能力。目前不支持父选择器。

规范更新注意事项：

由于 CSS 规范的持续讨论和更改，此信息可能会过时。我们将尽一切努力保持这个答案的准确性，但可能会出现不准确的情况。

探索 CSS 草稿中的父选择器：

早期的“选择器级别 4 工作草案”引入了“选择器主题”的概念，允许作者指定接收样式的元素。不过，此功能已从未来规范中删除，将不再可用。

“选择器级别 4 编辑草稿”中的 :has() 伪类：

最近的“选择器级别 4 编辑草案”包括 :has() 关系伪类。该结构允许根据元素的内容进行元素选择。使用 :has()，上面的示例如下所示：

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

此选择器将选择所有

包含 的元素孩子。

以上是CSS 可以根据子元素选择父元素吗？的详细内容。更多信息请关注PHP中文网其他相关文章！