html - 导航栏事件元素在悬停时不应该改变颜色？

Question

我有一个正在构建的 wordpress 网站。导航菜单具有我想要的 a:hover 和 a:active 颜色，但是当我将鼠标悬停在事件元素上时，颜色会发生变化。我已经尝试检查代码，但它切换到的颜色在每个实例中都被划掉，而且我似乎无法定位事件的悬停颜色。这是我对元素的看法:

.logo-nav .theme-nav .navbar-default .navbar-nav > .active > a, .logo-nav .theme-nav .navbar-default .navbar-nav > .active > a:focus, .logo-nav .theme-nav .navbar-default .navbar-nav > .active > a:hover {
    background: #08A4EE;
}

所有菜单项均为#08A4EE，处于事件状态且悬停。但是，当我将鼠标悬停在事件菜单项上时，颜色变为 #1D302F 而我不希望这样。当我查看源代码时，我看到以下内容:

.logo-nav .theme-nav .navbar-default .navbar-nav > .active > a,

.logo-nav .theme-nav .navbar-default .navbar-nav > .active > a:focus,

.logo-nav .theme-nav .navbar-default .navbar-nav > .active > a:hover

{ background: #1D302F; color: #fff; }

我不知道如何定位 :active 菜单项的 :hover。

提前致谢!

Answer 1

我可以通过添加

来解决这个问题

!important;

到我的 CSS 的末尾。我不知道为什么它会在事件元素悬停时切换到不同的颜色，但这解决了这个问题。

现在这条线是这样的:

.logo-nav .theme-nav .navbar-default .navbar-nav > .active > a, .logo-nav .theme-nav .navbar-default .navbar-nav > .active > a:focus, .logo-nav .theme-nav .navbar-default .navbar-nav > .active > a:hover {
    background: #08A4EE !important;
}