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

Question

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

<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');

Answer 2

在 CSS4 中是可能的。但它在任何主要浏览器中都不受支持。

你可以在这里找到你的答案