子导航悬停保持主导航的样式

Question

我正在尝试重新设计以下网站上的导航栏。该网站使用Bootstrap和导航栏作为主导航，使用导航栏子导航作为辅助导航。尽管我对两个导航的样式没有问题，但似乎我可以设置子导航的悬停状态。无论我尝试什么，它都与主导航保持相同的悬停状态。

这是页面： https://www.suug.co.uk/sustainabilityhub/test2017/

社团/体育等是主要的，测试2017是次要

的

谢谢

Answer 1

不确定我是否完全理解您的问题，但要以不同的方式设置元素样式，您必须有一个仅与您的一个元素匹配的选择器并在那里进行更改。