2017-05-07 41 views
0

我有一個wordpress網站,我正在建設。 nav菜單具有我想要的顏色:hover和a:active,但是當我將鼠標懸停在活動項目上時,顏色會發生變化。我試圖檢查代碼,但它切換到的顏色在每個實例都被劃掉,我似乎無法定位活動的懸停顏色。以下是我對元素:Navbar活動元素在懸停時更改顏色,當它不應該時?

.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,我不希望它。當我看着源I看到以下內容:

.logo-NAV。主題-NAV .navbar默認.navbar-NAV>。主動>一,

.logo-NAV .theme- NAV .navbar默認.navbar-NAV>。主動>一個:焦點,

.logo-NAV。主題-NAV .navbar默認.navbar-NAV>。主動>一個:懸停

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

我不知道如何定位的:active菜單項的:hover

在此先感謝!

回答

0

我能夠加入

!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; 
} 
相關問題