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

Trying to keep parent nav active whilst scrolling through sub nav

本文关键字：导航 活动状态 滚动      更新时间：2023-09-26

我有一个小问题，我相信会非常直接地弄清楚只是无法让它工作。

我正在现场工作，在滚动子菜单时似乎无法让父导航保持突出显示。

将鼠标悬停在"事件"上，然后向下通过子导航"关键事实"等，您将看到我的意思，父链接恢复为白色，我希望它在向下滚动时保持 #af5030。

任何想法如何解决这个问题？

谢谢杰米

仅当

a元素悬停时更改a元素的颜色，还需要在悬停li元素时更改a元素的颜色。

.css

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

.html

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

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

您正在悬停父li然后a需要基于此采用样式。

相关文章：