有CSS父选择器吗?

25 浏览
0 Comments

有CSS父选择器吗?

我如何选择元素的直接父元素

  • ?例如,我的CSS可能如下:

    li < a.active {
        property: value;
    }
    

    显然可以使用JavaScript完成此操作,但我希望存在某种本地于CSS Level 2 的解决方法。

    我正在尝试样式化的菜单是由CMS输出的,因此我无法将活动元素移动到

  • 元素中...(除非我主题化菜单创建模块,但我宁愿不这样做)。
admin 更改状态以发布 2023年5月21日
0
0 Comments

你可以使用 CSS 伪类 :has(),但是其浏览器支持有限(目前仅限于 Chrome / Edge / Safari)。

0
0 Comments

目前在CSS中没有一种方式可以跨所有浏览器选择元素的父元素。

Selectors Level 4 Working Draft包括一个:has()伪类,它将提供这种功能。它类似于jQuery实现,但目前Firefox不支持它。

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

Firefox是目前唯一一个默认不支持它的主要浏览器

在此期间,如果需要选择具有完全跨浏览器支持的父元素,则必须在Firefox中使用JavaScript。

0