为什么没有在 CSS [select parent] 工作

Question

我正在开发一个网页，我需要 select "parent of" 另一个元素但无法正常工作，而且它在一个简单的页面中也无法正常工作，如下所示：

<!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"（class prueba) 但对我不起作用。

谢谢！

Answer 1

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

见Can I Use - :has()

为什么没有在 CSS [select parent] 工作

Why has not working in CSS [select parent]

css

reference

parent