マウスオーバー時にメニューの色を変更する

Question

私はWPを通してウェブサイトを構築しています。マウスオーバーカラーを青に変更する必要があります。 私はそれを行う方法を理解できません。

This is the website

私はID

#menu-menu-principale-effettivo a:hover{ 
    color:blue; 
} 

を通してそれを選択しようとしました。しかし、それは動作しませんでした。 私はネットを見ようとしましたが、CSSには新しかったので、どうやってそれを行うのか分かりませんでした。事前に

感謝の

[解決] static.cssファイルの末尾に追加して：

@media screen and (min-width: 992px) 
{ 
#cshero-header-navigation .main-navigation .menu-main-menu > li:hover > a { 
color: #073576 !important; 
} 
} 
@media screen and (min-width: 992px) { 
#cshero-header-navigation .main-navigation .menu-main-menu > ul > li > a .menu-title:before, #cshero-header-navigation .main-navigation .menu-main-menu > li > a .menu-title:before { 
background-color: #073576 !important; 
} 
} 
@media screen and (min-width: 992px) 
{ 
#cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-ancestor > a { 
color: #073576 !important; 
} 
} 
@media screen and (min-width: 992px) 
{ 
    #cshero-header-navigation .main-navigation .menu-main-menu > li.current-menu-item > a 
    { 
     color: #073576 !important; 
    } 
} 

注：WPは奇妙なことに、私は中に入れしようとしていたカスタムCSSです「カスタムCSS」ツールを使用していないため、ファイルに手動で書き込む必要がありました。

Answer 1

あなたのCSSプロパティの後に!importantタグを追加してみてください。例えば#menu-item:hover{ color: blue !important; }

Answer 2

は、あなたがあなたのリンクにスタイルを追加することができます

ul#menu-menu-principale-effettivo a span:hover{ 
color:blue 
} 

Answer 3

このCSSを追加します。

<a href="http://www.equa.it/bergamini/home" 
class="menufinale" 
onMouseOver="this.style.color='#00F'" 
onMouseOut="this.style.color='#999999'"> 
<span class="menu-title">Home</span> 
</a> 

Answer 4

この

​​

Answer 5

はホバー上の青いする必要のあるコンテンツの一部あなたのcss

#menu-menu-principale-effettivo li a span.menu-title:hover{ 
    color:blue; 
}