当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?