css - 我可以使用 ":hover"效果来影响嵌套层次结构中更高的 html 标签 CSS 吗？

Question

我可以使用“:hover”效果来影响嵌套层次结构中较高的 html 标签吗？我试图通过将鼠标悬停在层次结构中的元素爱好者上来影响元素的 CSS 属性。如下例所示。HTML 示例

<div>
  <ul>
    <li>
      <a>link</a>
    </li>
  </ul>
</div>

CSS 示例/* 通常这是我们使用它的方式 */

ul>li{
   color:red;
}

/* 我怎样才能反过来使用它？ */

li>div{
   color:blue;
}

/* 或 ? */

li>ul{
   color:yellow;
}

/* 或 ? */

a>div{
   color:black;
}

最受欢迎的例子。非常感谢你们。

Answer 1

我相信最好的(也可能是唯一的)方法是使用 jQuery。

jQuery("a").parent("div').addClass('class_name');

然后您可以使用类来定义样式。删除类:

jQuery("a").parent("div').removeClass('class_name');