问题

如何选择作为锚元素直接父代的< li> 元素?

在示例中,我的CSS将是这样:

li < a.active {
    property: value;
}

显然,有一些方法可以使用JavaScript,但我希望有一些解决方法存在于CSS级别2.

我想尝试的菜单被CMS排出,所以我不能将活动元素移动到&lt; li&gt; 元素...(除非我主题的菜单创建模块,我不想这样做).

任何想法?



解决方法

目前没有办法在CSS中选择元素的父级.

如果有办法做,它将在当前的CSS选择器规格:

在此期间,如果您需要选择父元素,则必须使用JavaScript.


选择器4级工作草案包括:has() 伪类,其工作方式与 jQuery实现相同.自2016年起, 此功能在任何浏览器中均不可用 .

使用:has()原始问题可以用这个解决:

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



相关问题推荐