Javascript 尝试在滚动子导航时保持父导航处于活动状态

我有一个小问题，我肯定会很直截了当地去解决，就是不能让它发挥作用

我正在现场工作，当我滚动子菜单时，似乎无法使父导航保持高亮显示

将鼠标悬停在“事件”上，然后向下浏览子导航“关键事实”等，您将看到我的意思，父链接变回白色，我希望它在向下滚动时保持为#af5030

有没有办法解决这个问题

谢谢，

---

Jamie

当

a

元素悬停时，您仅更改

a

元素的颜色，当

li

元素悬停时，您还需要更改

a

元素的颜色

css

html

//导航项目
//下拉内容

...


...

---

您将鼠标悬停在父级

li

上，然后

a

需要采用基于此的样式。

我们可以查看源代码吗？

a:hover {
    color: blue;
}
li:hover a {
    color: blue;
}

<ul>
    <li> // nav item
        <a href="#">link</a>
        <ul> // dropdown content
            <li></li>
            ...
        </ul>
    </li>
    ...
</ul>

#globalnav li:hover a{
color: red;
}