Не работает li:hover?

Question

[igoryanchik3310]

Не работает li:hover

<ul id="menu-glavnaya" class="menu">
	
<li id="menu-item-837" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children menu-item-837">
	 <a aria-expanded="false" href="https://prodmag.li/product-category/testo/" class="menu-image-title-after menu-image-not-hovered menu-link">
		 
		 <img width="24" height="24" src="https://prodmag.li/wp-content/uploads/2024/10/hleb.png" class="menu-image menu-image-title-after" alt="">
		 <span class="menu-image-title-after menu-image-title">Изделия из теста</span>
		 <span role="application" class="dropdown-menu-toggle ast-header-navigation-arrow" tabindex="0" aria-expanded="false" aria-label="Переключатель меню">
			 </span>
			 </a>
	<ul class="sub-menu">
		<li id="menu-item-838" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-838">
			<a href="https://prodmag.li/product-category/testo/sushki/" class="menu-link">Сушки
			</a>
			</li>
	</ul>
	</li>
</ul>

#menu-glavnaya .sub-menu{
display:none;
 list-style:none;
     background:#1ABC9C;
      margin:0;
     padding:0;
     position:absolute;
     left:180px;
     top:42px;
     display:none;
     width:200px;
}
#menu-glavnaya li:hover .submenu{
   display:block !important;
}

Comments

[Refguser]

Твою шансы получить помощь значительно повысятся если ты всё-таки научишься задавать вопросы.

См п 3 и особенно п 3.2 и 3.6

И да. Это скорее всего вопрос по css, а не вп

Answer 1

[Алексей Уколов]

-.submenu
+.sub-menu

Comments

[igoryanchik3310]

не помогло :(

[Алексей Уколов]

Сделайте пример с исправленным кодом в песочнице и опишите, что именно не работает так, как вы хотите.