时间戳

首页 > 解决方案 > 为什么在 CSS 中不起作用 [选择父级]

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，可以工作，但我需要用第一个孩子捕捉 div，在这种情况下是“a”（类 prueba）但不适合我。

谢谢！

标签： cssreferenceparent

解决方案

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

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

推荐阅读