如何 Select 作为锚定元素的直接父元素的<li>
元素?
例如,我的CSS如下所示:
li < a.active {
property: value;
}
显然,使用JavaScript可以做到这一点,但我希望有某种针对CSS Level 2的本地解决方案.
我试图设置样式的菜单是由CMS喷出的,所以我不能将活动元素移动到<li>
元素……(除非我为菜单创建模块创建主题,而我不想这样做).
有什么 idea 吗?
如何 Select 作为锚定元素的直接父元素的<li>
元素?
例如,我的CSS如下所示:
li < a.active {
property: value;
}
显然,使用JavaScript可以做到这一点,但我希望有某种针对CSS Level 2的本地解决方案.
我试图设置样式的菜单是由CMS喷出的,所以我不能将活动元素移动到<li>
元素……(除非我为菜单创建模块创建主题,而我不想这样做).
有什么 idea 吗?
目前无法在CSS中 Select 元素的父级.
如果有一种方法可以做到这一点,那就是在当前的两个CSS Select 器规范中:
也就是说,Selectors Level 4 Working Draft包括将提供此功能的:has()
伪类.它将与jQuery implementation类似.
li:has(> a.active) { /* styles to apply to the li tag */ }
然而,截至2021, 100.
同时,如果需要 Select 父元素,则必须求助于JavaScript.