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

时间:2016-02-16 09:44:41

标签: javascript html css hover nav

我有一个小问题,我相信我会非常直截了当地发现它无法让它发挥作用。

我在网站上工作,当我滚动子菜单时,似乎无法让父导航保持高亮显示。

将鼠标悬停在' The Event'然后通过子导航'重要事实'等等,你会看到我的意思,父链接回到白色,我希望它在向下滚动时保持#af5030。

我有什么想法可以解决这个问题吗?

谢谢, 杰米

2 个答案:

答案 0 :(得分:0)

您只是在a元素悬停时更改a元素的颜色,您还需要在{{1}时更改a元素的颜色元素徘徊。

CSS

li

HTML

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

答案 1 :(得分:0)

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

您正在徘徊父li,然后a需要采用基于此的风格。