有CSS父选择器吗?
有CSS父选择器吗?
我如何选择元素的直接父元素
- ?例如,我的CSS可能如下:
li < a.active { property: value; }
显然可以使用JavaScript完成此操作,但我希望存在某种本地于CSS Level 2 的解决方法。
我正在尝试样式化的菜单是由CMS输出的,因此我无法将活动元素移动到
- 元素中...(除非我主题化菜单创建模块,但我宁愿不这样做)。
admin 更改状态以发布 2023年5月21日
目前在CSS中没有一种方式可以跨所有浏览器选择元素的父元素。
Selectors Level 4 Working Draft包括一个:has()
伪类,它将提供这种功能。它类似于jQuery实现,但目前Firefox不支持它。
li:has(> a.active) { /* styles to apply to the li tag */ }
在此期间,如果需要选择具有完全跨浏览器支持的父元素,则必须在Firefox中使用JavaScript。