Flickering CSSサブメニュー

Question

WordPressプリンシパルメニューとサブメニュー。ドロップダウンフリッカーは、私が上に乗るときに多く消えます。何がうまくいかず、どのように修正できますか？

PRODUCTO> CLICLISMO

#menu-item-3083 .nav-column-links { 
 
    display: none; 
 
} 
 

 
#menu-item-3083 a:hover+.nav-column-links, 
 
#menu-item-3083 a { 
 
    display: block !important; 
 
} 
 

 
#menu-item-3083 .nav-column-links { 
 
    position: absolute; 
 
    left: 32em; 
 
    top: 30px; 
 
}

<li id="menu-item-3083" class="menu-item-3083"> 
 
    <a href="http://spiuk.mx/product-category/textiles-ciclismo/">Ciclismo &gt;</a> 
 
    <div class="nav-column-links"> 
 
    <ul> 
 
     <li id="menu-item-3643" class="menu-item-3643"><a href="http://spiuk.mx/producto/elite-bib-short-hombre/">Elite Bib Short Hombre</a></li> 
 
     <li id="menu-item-3644" class="menu-item-3644"><a href="http://spiuk.mx/producto/elite-jersey-hombre/">Elite Jersey Hombre</a></li> 
 
     <li id="menu-item-3645" class="menu-item-3645"><a href="http://spiuk.mx/producto/performance-bib-short-mujer/">Performance Bib Short Mujer</a></li> 
 
     <li id="menu-item-3646" class="menu-item-3646"><a href="http://spiuk.mx/producto/performance-jersey-mujer/">Performance Jersey Mujer</a></li> 
 
    </ul> 
 
    </div> 
 
</li>

Answer 1

変更#menu-item-3083 a:hover + .nav-column-links, #menu-item-3083 a

#menu-item-3083:hover .nav-column-links, #menu-item-3083 a { 
    display: block !important; 
} 

に他のすべてのメニューのためにこれを行います #menu-item-3083 a:hover +は#menu-item-3083:hover

なり