WordPress的主要菜单和子菜单。当我将鼠标悬停在下拉菜单上时,它们会消失很多。出了什么问题,我该如何解决?
产品>点击
#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 ></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>
更改#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
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句