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

具有特定子元素的元素的 CSS 选择器

问题： 是否可以创建一个 CSS 选择器选择具有特定子元素的所有元素？例如，选择所有

包含 的元素元素？

答案：

不幸的是，CSS2 和 CSS3 选择器规范不允许父级选择。这意味着不可能基于本机子元素选择元素。

最新进展：

但是，CSS 选择器规范最近发生了变化。虽然早期的“选择器级别 4 工作草案”包含用于选择应接收样式的元素的“主题”功能，但该功能在后续草案中被删除。

关系伪类： :has( )

最近的“Selectors Level 4 Editor's Draft”包括“:has()”关系伪类，它允许作者根据元素的内容选择元素。这提供了与 jQuery 自定义“:has()”伪选择器的兼容性。

使用“:has()”，上述示例可以写为：

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

这个选择器将选择全部

包含 的元素元素并用红色设计它们。需要注意的是，该解决方案可能不会在所有浏览器上得到统一支持。

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