为什么在 CSS 中不起作用 [选择父级]

Jua*_*cho 2 css reference parent

我正在开发一个网页,我需要选择另一个元素的“父级”但不起作用,而且它也不能在一个简单的页面中运行,如下所示:

<!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>
Run Code Online (Sandbox Code Playgroud)

如果我在样式部分使用 div,工作,但我需要用第一个孩子捕捉 div,在这种情况下,“a”(类 prueba)但不适合我。

谢谢!

Spl*_*iFF 6

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

请参阅我可以使用 - :has()

  • 2023 年第 2 季度起,从 Firefox v103 开始​​,此功能默认处于禁用状态。来自他们的 dox:“从版本 103 开始​​:此功能位于layout.css.has-selector.enabled 首选项后面(需要设置为 true)。要更改 Firefox 中的首选项,请访问 about:config。” https://developer.mozilla.org/en-US/docs/Web/CSS/:has (2认同)