html - 如何在 CSS 中从子项中选择 DOM 父项

<分区>

是否可以根据子节点的 :hover 状态影响父节点？即。

nav ul li a:hover {
  /* something here to effect the li or the ul or the nav elements */
}

不是那么担心兼容性，我希望仅根据应用程序的目标受众使用最新的 firefox/chrome 和 ie9/10。所以 CSS3 和浏览器特定的 CSS 很好，尽管我想尽可能避免使用 jQuery(和一般的 javascript)。

最佳答案

现在不可能，因为您只能在悬停其他元素时设置下游 sibling 或后代的样式(自 Selectors Level 3 起)

然而，当Selectors Level 4变得稳定并且 UA 开始实现它，您最终可以使用父组合器 - 例如

<h2>Hello<span>World</span></h2>

h2! > span:hover {
background: azure; /*the h2 background changes while hovering over the span */
}

关于html - 如何在 CSS 中从子项中选择 DOM 父项，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16387088/

相关文章：

javascript - Safari 在我的图像下方显示空白区域？