回答

收藏

有 CSS 父选择器吗?

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

如何选择直接父元素作为锚元素?5 a0 F8 _. K/ o7 a% @! F# j* {6 t$ |
比如,我的 CSS 是这样的:
  T( s- V# n: g5 q$ |1 ^li 显然有些使用 JavaScript 的方法,但我希望有一些解决方案存在于 CSS Level 2 中。
2 A% q' E: \8 I5 I. h& t1 Y1 X我试图设置风格菜单 CMS 吐出来,所以我不能移动活动元素元素…(除非我为菜单创建模块设置主题,我不想这样做)。$ ]. z$ }( v  q7 W" v
有什么想法吗?5 n6 {" q- r8 h; q
                                                               
0 Z2 q, [/ q% v% k4 k    解决方案:                                                               
) P6 L( y3 O6 o! e' G$ d% i                                                                目前还没有办法CSS 父级选择元素。. u: I; X) d8 V  E
如果有办法做到这一点,它将在当前 CSS 选择器规范:+ y" s" X* _. l1 x: B- c8 X. k
选择器 3级规范
3 [$ j/ Z  G& U! Y$ y3 F( {CSS 2.1 选择器规范
5 z( @0 b% H" ^也就是说,Selectors Level 4 Working Draft包括一个:has()伪类,可以提供这种能力。它将类似于jQuery 实现。1 B  D4 w* Y( n; A
li:has(> a.active) { /* styles to apply to the li tag */ }但截至 2021 年,任何浏览器仍不支持此功能。
; H1 o' N# ]1 H( X同时,如果您需要选择父元素,则必须使用 JavaScript。
分享到:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则