我有一个带有多个级别的导航栏。现在,我正在尝试使其自身也处于活动li
状态时使a的父项处于li
活动状态。
我所拥有的:https : //gyazo.com/32f1191aeaf1ec3ef312de2a029eddda
如您所见,该relations
选项卡现在处于活动状态。因此,我想要的是Office选项卡也具有相同的红色(仅作为示例)。
我希望有一个仅CSS的解决方案,因为我知道有一个针对hover
state(li:hover > a
)的解决方案。顺便说一下,我使用的是可点击的菜单,这就是为什么.active
要向clicked中添加类的原因li
。
活动者li
将类似于:ul li ul li.active a { color: red }
。
提前致谢!
在CSS中,只能在父>子方向设置规则。但不是孩子>父母。在当前情况下,您可以为父级和子级的点击设置处理程序,以添加/删除活动的类。但是您必须为此使用JavaScript。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句