接下来，本篇文章更新于2019年6月1日，由SKY8G网编辑，将给大家讲述下CSS4选择器的语法：
:has()选择器
描述：:has()是个伪类选择器。但是在CSS4选择器中，它可以将选择器列表作为参数。样式应用于传递的参数没有表示的元素。
语法：
| 1 2 3 | E:has(rs1, rs2, ...) { /* Where rs1 and rs2 are two different relative selectors. */ } |
例子：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | /* The following selector matches all p elements immediately followed by an img element. */ p:has(+img) { color: red; } /* 下面的选择器匹配所有包含h1、h2和/或h3元素的节元素。 */ section:has(h1, h2, h3) { background-color: green; height:20px; width:100px; } /* 下面的选择器将包含span元素的任何内容与一个加急类匹配。 */ :has(span.urgent) { height:20px; width:100px; background-color: red; } |
浏览器支持：
| Chrome | Friefox | Safari | Opera | IE | Edge | |
| Desktop | no | no | no | no | no | no |
| Mobile | no | no | no | -no | no | no |