Hover Hauptmenü li + a

Question

Ich arbeite im Menü in diesem Web WebSite, aber ich habe ein Problem.

Ich brauche, wenn das Hauptmenü schweben, setzen Sie dieses Tag "a" auf andere Farbe.

HTML-Code:

<ul id="menu-main-menu" class="menu"> 
    <li id="menu-item-159" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-159"><a href="http://jesusbwebdesigner.com/staging_sdv/">Home</a></li> 
    <li id="menu-item-160" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-160"><a href="http://jesusbwebdesigner.com/staging_sdv/historia/">Quiénes Somos</a> 
     <ul class="sub-menu"> 
      <li id="menu-item-161" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-161"><a href="http://jesusbwebdesigner.com/staging_sdv/historia/">Historia</a></li> 
      <li id="menu-item-162" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-162"><a href="http://jesusbwebdesigner.com/staging_sdv/mision/">Misión</a></li> 
      <li id="menu-item-163" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-163"><a href="http://jesusbwebdesigner.com/staging_sdv/vision/">Visión</a></li> 
      <li id="menu-item-164" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-164"><a href="http://jesusbwebdesigner.com/staging_sdv/sistema-integrado-gestion/">Sistema Integrado Gestión</a></li> 
      <li id="menu-item-165" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-165"><a href="http://jesusbwebdesigner.com/staging_sdv/politicas/">Políticas de Gestión</a></li> 
     </ul> 
    </li> 
<ul> 

Das ist mein CSS-Code aber nicht funktioniert:

.mainMenu .menu li.menu-item:hover + a{ 
    color: red !important; 
} 

Jede Hilfe bitte.

Answer 1

Dies ist der richtige Weg, dies zu tun:

.mainMenu .menu li.menu-item > a:hover { 
    color: red; 
} 

und wenn Sie sich nur die Links im Untermenü Stil wollen dann tun:

.mainMenu .menu li.menu-item ul li a:hover { 
    color: red; 
} 

und wenn Sie schweben wollen li:

.mainMenu .menu > li.menu-item:hover > a { 
    color: red; 
}