为什么我的浏览器无法使用该属性？

Question

我正在开发一个大型Java Web应用程序，我想添加一个css属性，但它不起作用。

这是我的简单代码（HTML）：

＆＃13;

＆＃13;

div:has(p) {
  background-color: red;
}

＆＃13;

<div>
  <p>Prueba</p>
</div>

＆＃13;

＆＃13;

＆＃13;

目标是Prueba的背景颜色为红色，但不起作用。 你能帮我解决这个问题吗？我希望使用div对p进行参考。

Answer 1

:has是一个CSS 4级选择器，而不会在CSS中实现，只能在JS querySelector中实现。

这是因为:has() 不是一个“动态配置文件”，与其他所有选择器不同。它不会在CSS中实现，因为“符合Selectors Level 4的实现必须使用动态配置文件”[source]

Answer 2

截至目前，:has在任何浏览器中都不支持，并且是一项实验性技术：

• https://developer.mozilla.org/en-US/docs/Web/CSS/:has
• https://caniuse.com/#feat=css-has

我不明白为什么div > p不适合你的需要。

Answer 3

:has是CSS Selectors level 4的提议的属性。

它不是supported by browsers因为它太新了。