84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
如何选择作为锚点元素的直接父级的元素？
例如，我的CSS可能是这样的：
li < a.active { property: value; }
显然，可以使用JavaScript来实现这个目标，但我希望有一种原生于CSS Level 2的解决方法。
我正在尝试样式化的菜单是由CMS生成的，所以我不能将活动元素移动到元素中...（除非我主题化菜单创建模块，但我宁愿不这样做）。
您可以使用:has()CSS 伪类
:has()
但是它在浏览器支持方面有限（目前尚不支持 Firefox）。
目前在CSS中没有一种方式可以选择一个元素的父元素，以便在所有浏览器中都能正常工作。
Selectors Level 4 Working Draft中包含了一个:has()伪类，它将提供这种功能。它将类似于jQuery的实现，但目前Firefox不支持。
li:has(> a.active) { /* 应用于li标签的样式 */ }
目前只有Firefox不默认支持该功能。
与此同时，如果您需要选择一个具有完整跨浏览器支持的父元素，您将不得不在Firefox中使用JavaScript。
您可以使用
:has()CSS 伪类但是它在浏览器支持方面有限（目前尚不支持 Firefox）。
目前在CSS中没有一种方式可以选择一个元素的父元素，以便在所有浏览器中都能正常工作。
Selectors Level 4 Working Draft中包含了一个
:has()伪类，它将提供这种功能。它将类似于jQuery的实现，但目前Firefox不支持。li:has(> a.active) { /* 应用于li标签的样式 */ }目前只有Firefox不默认支持该功能。
与此同时，如果您需要选择一个具有完整跨浏览器支持的父元素，您将不得不在Firefox中使用JavaScript。