回答

收藏

有 CSS 父选择器吗?

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

如何选择直接父元素作为锚元素?
" {; U" |) ]: A; ^比如,我的 CSS 是这样的:5 q6 R- k6 K. q5 b4 S/ C  X2 G# \
li 显然有些使用 JavaScript 的方法,但我希望有一些解决方案存在于 CSS Level 2 中。
. O' F* C5 b1 w% n$ ?我试图设置风格菜单 CMS 吐出来,所以我不能移动活动元素元素…(除非我为菜单创建模块设置主题,我不想这样做)。
! I1 _! h: x8 ]2 s$ C0 W有什么想法吗?
+ e" a, w* u9 E                                                               
& [9 X) M: b+ f" I- m; p9 K    解决方案:                                                               
) |+ ]9 H$ r7 X  U: s' O                                                                目前还没有办法CSS 父级选择元素。4 W5 W% z7 y" K' ^5 [$ X8 H
如果有办法做到这一点,它将在当前 CSS 选择器规范:" |3 h% b( T0 c
选择器 3级规范 - q1 ^7 N" o9 Z1 @: t$ N" X
CSS 2.1 选择器规范
8 U# S5 g" p7 x% l: N也就是说,Selectors Level 4 Working Draft包括一个:has()伪类,可以提供这种能力。它将类似于jQuery 实现。' m5 Q7 c$ T4 P* y! i* m3 C8 j5 g
li:has(> a.active) { /* styles to apply to the li tag */ }但截至 2021 年,任何浏览器仍不支持此功能。
  h5 T4 s5 \+ H* ^同时,如果您需要选择父元素,则必须使用 JavaScript。
分享到:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则