Html 活动父CSS

我有一个具有多个级别的导航栏。现在，我正试图使

li

的父级在

li

本身也处于活动状态时成为活动状态

我得到的是：

如您所见，

关系

选项卡现在处于活动状态。因此，我希望office选项卡也具有相同的红色（只是一个示例）

我希望有一个CSS专用的解决方案，因为我知道有一个解决方案用于

hover

状态（

li:hover>a

）。顺便说一下，我使用的是一个可点击的菜单，这就是为什么我要将

.active

类添加到点击的

li

活动的

li

类似于：

ul li ul li.active a{color:red}

---

提前谢谢

Css没有父选择器。你不能这样做。使用js。

Css没有父选择器。你不能这样做。在CSS中使用js。

只能在父级>子级方向设置规则。但不是孩子>父母。在当前情况下，您可以为单击父类和子类设置处理程序，以便添加/删除活动类。但是您必须使用JavaScript来实现这一点。

在CSS中，只能在父级>子级方向设置规则。但不是孩子>父母。在当前情况下，您可以为单击父类和子类设置处理程序，以便添加/删除活动类。但是你必须使用JavaScript。为什么不将

.active

添加到父元素

li

，然后让子元素继承样式？正如Vucko所说，这可能是一种仅使用CSS的方法，正如Animatio所说，你不能选择DOM，要实现这样的效果，你需要JavaScript。为什么不将

.active

添加到父元素

li

，然后让子元素继承样式？正如Vucko所说，这可能是一种仅使用CSS的方法，正如Animatio所说，你不能选择DOM，要实现这样的效果，你需要JavaScript。