css - 为什么没有在 CSS 中工作 [选择父项]

<分区>

我正在开发一个网页，我需要选择另一个元素的“父级”但无法正常工作，而且它也无法像这样在简单页面中工作:

<!DOCTYPE html>
<html lang="es" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
<div class="">
  <a href="#" class="prueba">prueba!</a>
</div>
<style media="screen">
  div:has(.prueba) {
    border: solid 2px red;
  }
</style>
  </body>
</html>

如果我在样式部分使用 div，可以工作，但我需要捕获第一个 child 的 div，在本例中为“a”(类 prueba)，但对我不起作用。

谢谢!

最佳答案

:has() 选择器是 CSS4，几乎没有浏览器支持(2019 年 1 月)。在支持存在之前，您将需要使用 Javascript。

参见 Can I Use - :has()

关于css - 为什么没有在 CSS 中工作 [选择父项]，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54224791/