当Navbar活动元素不应该在悬停时改变颜色?

我有一个我正在建立的wordpress网站。 nav菜单具有我想要的颜色: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

{背景:#1D302F; 颜色:#fff; }

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

提前致谢!


我可以通过添加来解决这个问题

!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;
}
链接地址: http://www.djcxy.com/p/87533.html

上一篇: Navbar active element changes color on hover when it shouldn't?

下一篇: Adding setTimeout UL menu using JavaScript