:has()

:has() CSS 伪类代表一个元素,其给定的选择器参数(相对于该元素的 :scope)至少匹配一个元素。

语法

:has( <相对选择器列表> )

描述

:has() 伪类使用相对选择器列表作为参数。

示例

匹配直接包含 <img> 元素的 <a> 元素

下面的选择器只会匹配直接包含 <img> 子元素的 <a> 元素:

a:has(> img)

匹配其后紧跟着 <p> 元素的 <h1> 元素

下面的选择器只会匹配其后紧跟着 <p> 元素的 <h1> (en-US) 元素:

h1:has(+ p)

规范

Specification
Unknown specification
# relational

浏览器兼容性

BCD tables only load in the browser

参见