css - 我可以使用 ":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 中是可能的。但它不受任何主要浏览器的支持。

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