如何 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.

Css相关问答推荐

Angular中嵌套数组的网格

主dart 文件未加载Flutter Web

React呈现多个css文件

如何在react 路由中设置活动类?

设置项目的最大宽度和最大高度

臭虫?嵌套的css供应商前缀中断Chrome css解析

如何在点击时停止动画并将其返回到第一帧?

如何使用 tailwind css 修复滚动条始终位于底部?

Material UI Modal 因背景而变暗

没有 colored颜色 Select 器的 JavaFX colored颜色 Select 器

在 css Select 器中匹配 unicode char

我无法覆盖 react ui 库中的组件样式

用css画3个三角形

直观地指示 IFrame 内的表单正在提交,但没有 javascript

如何为使用jsTreeR拖入层次 struct node 的元素添加顺序编号?

未知规则 @propertycss(unknownAtRules)

在嵌套的弹性框中创建弹性项目之间的空间

如何根据其中的内容自动调整

导航栏中的 Bootstrap 3.0 按钮

悬停效果:展开底部边框