:has
:has()
CSS 伪类代表一个元素,其给定的选择器参数(相对于该元素的 :scope
)至少匹配一个元素。
:has()
伪类接受一个选择器组作为参数。在当前规范中 :has
并未列为实时选择器配置的一部分,意味着其不能用于样式表中,只能用于如 document.querySelector()
的函数中。
/* 选择任何直接包含 <img> 子元素的 <a> */
/* 注意,目前还没有任何浏览器支持此方法 */
/* 此伪类也未计划投入样式表中使用 */
var test = document.querySelector('a:has(> img)');
语法
:has( <forgiving-relative-selector-list> )
示例
规范
规范 | 状态 | 注释 |
---|---|---|
Selectors Level 4 :has() |
Working Draft | Initial definition |
浏览器兼容性
BCD tables only load in the browser