如何选择作为锚点元素的直接父级的<li>元素？
例如，我的CSS可能是这样的：
2
959li < a.active {
property: value;
}
显然，可以使用JavaScript来实现这个目标，但我希望有一种原生于CSS Level 2的解决方法。
我正在尝试样式化的菜单是由CMS生成的，所以我不能将活动元素移动到<li>元素中...（除非我主题化菜单创建模块，但我宁愿不这样做）。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
您可以使用
:has()CSS 伪类但是它在浏览器支持方面有限（目前尚不支持 Firefox）。
目前在CSS中没有一种方式可以选择一个元素的父元素，以便在所有浏览器中都能正常工作。
Selectors Level 4 Working Draft中包含了一个
:has()伪类，它将提供这种功能。它将类似于jQuery的实现，但目前Firefox不支持。li:has(> a.active) { /* 应用于li标签的样式 */ }目前只有Firefox不默认支持该功能。
与此同时，如果您需要选择一个具有完整跨浏览器支持的父元素，您将不得不在Firefox中使用JavaScript。