回答

收藏

有 CSS 父选择器吗?

技术问答 技术问答 461 人阅读 | 0 人回复 | 2023-09-11

如何选择直接父元素作为锚元素?
! Z: L# M* o4 m& k比如,我的 CSS 是这样的:4 K# q& e7 B% p; o6 M
li 显然有些使用 JavaScript 的方法,但我希望有一些解决方案存在于 CSS Level 2 中。8 m) A- `( c! u
我试图设置风格菜单 CMS 吐出来,所以我不能移动活动元素元素…(除非我为菜单创建模块设置主题,我不想这样做)。3 _' I7 t! y+ W4 A2 u& v' K
有什么想法吗?3 p$ @5 ]3 ~( W. [% L) b
                                                               
- ]+ ]1 f, z* `1 _  C    解决方案:                                                               
4 B" W5 J: D# B) @5 D                                                                目前还没有办法CSS 父级选择元素。
& ?+ J% g8 J. h  h* z0 o如果有办法做到这一点,它将在当前 CSS 选择器规范:7 n" C' }6 X) |( O
选择器 3级规范
$ e- e2 |4 B+ KCSS 2.1 选择器规范 4 ^0 w. \+ C. E9 s
也就是说,Selectors Level 4 Working Draft包括一个:has()伪类,可以提供这种能力。它将类似于jQuery 实现。. W7 ^1 x/ S, w( B  a$ m
li:has(> a.active) { /* styles to apply to the li tag */ }但截至 2021 年,任何浏览器仍不支持此功能。
3 z8 b4 f0 R; D& b$ Q8 S: z! g( n0 X同时,如果您需要选择父元素,则必须使用 JavaScript。
分享到:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则