Navbarのアクティブな要素は、ホバリング時に色を変えないように変更しますか？

Question

私は自分が構築しているワードプレスサイトを持っています。 navメニューには：ホバーとa：アクティブな色がありますが、アクティブなアイテムにカーソルを置くと色が変わります。私はコードを検査しようとしましたが、それが切り替わる色はすべてのインスタンスでクロスされ、アクティブなホバーの色をターゲットにすることはできません。要素のために私が持っているものは次のとおりです。

.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-

.logo-NAV .theme-NAV .navbarデフォルト.navbar-NAV> .active> A、

：私はソースを見てみると、私は以下を参照してください。 NAV .navbarデフォルト.navbar-NAV> .active> A：フォーカス、

.logo-NAV .theme-NAV .navbarデフォルト.navbar-NAV> .active> A：

{を置い背景：＃1D302F; color：#fff; }

:activeメニュー項目の:hoverをどのようにターゲットにするのか分かりません。

ありがとうございます！

Answer 1

私は私のCSSの最後に

!important; 

を追加することによって、これを理解することができました。なぜ私はそれがアクティブな要素のホバー上の異なる色に切り替えるのか分からないが、これは問題を修正する。ここで

はラインが今のように見えるものです：

.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; 
}