回答

收藏

有 CSS 父选择器吗?

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

如何选择直接父元素作为锚元素?
& _' M0 @7 _) x7 }1 N5 v8 A# W9 w! V比如,我的 CSS 是这样的:
6 a, G- L) n, L6 F" Bli 显然有些使用 JavaScript 的方法,但我希望有一些解决方案存在于 CSS Level 2 中。
+ J. i& ?+ q0 ]+ _我试图设置风格菜单 CMS 吐出来,所以我不能移动活动元素元素…(除非我为菜单创建模块设置主题,我不想这样做)。
# V. }3 M: N+ `8 l' _5 S有什么想法吗?' J: J# p% w/ L/ x1 P6 `" V
                                                               
: V5 m2 b- i" o/ x( V    解决方案:                                                                1 l0 \. h  u7 z) v5 e' V* P% ~
                                                                目前还没有办法CSS 父级选择元素。
; K( F. |$ K- |: {! p: o- j如果有办法做到这一点,它将在当前 CSS 选择器规范:6 |) {9 X2 ^# {( m. ]
选择器 3级规范
& E+ P5 W3 [2 ~) ]4 s' F7 ]  RCSS 2.1 选择器规范
' ~0 T( K/ q" D7 b6 m也就是说,Selectors Level 4 Working Draft包括一个:has()伪类,可以提供这种能力。它将类似于jQuery 实现。
' u3 T! k, d& l. g/ Rli:has(> a.active) { /* styles to apply to the li tag */ }但截至 2021 年,任何浏览器仍不支持此功能。' m+ e7 |' D2 t# f( d2 m
同时,如果您需要选择父元素,则必须使用 JavaScript。
分享到:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则