css - 是否有 CSS 父级选择器？

Question

如何选择 <li> anchor 元素的直接父元素？

例如，我的 CSS 是这样的:

li < a.active {
    property: value;
}

显然有一些方法可以用 JavaScript 做到这一点，但我希望有某种 CSS Level 2 原生的解决方法。

我尝试设置样式的菜单被 CMS 弹出，所以我无法将事件元素移动到 <li>元素...(除非我将我不想做的菜单创建模块作为主题)。

Answer 1

Selectors Level 4 Working Draft包括将提供此功能的 :has() 伪类。它将类似于 jQuery implementation , 但目前不受 Firefox 支持。

li:has(> a.active) { /* styles to apply to the li tag */ }

截至 2022 年，Firefox is the only browser not supporting it by default .

与此同时，如果您需要选择具有完全跨浏览器支持的父元素，您将不得不求助于 Firefox 中的 JavaScript。