Как обратиться к родителю при hover дочернего блока?

Question

[Vindie]

Есть менюшка dropdown-child, которая появляется при нажатии на кнопку dropdown:hover . Проблема в мобильной версии: при нажатии на ссылку, которая отправляет на якорь на этой же странице, dropdown-child пропадает только при нажатии на другую область, а нужно, чтобы пропадал сам. Как это сделать?

<div class="dropdown">
      <button class="mainmenubtn"><img id="menu" src="imag/menu.png" alt="Beam Craft"></button>
      <div class="dropdown-child" align="center">
          <a href="blog/index.html">Блог</a>
          <a href="#about">О нас</a>
          <a href="#footer">Контакты</a>
      </div>
    </div>

Comments

[Сергей delphinpro]

Делать мобильную верстку без hover.

[Vindie]

Сергей delphinpro, Можно подробнее?

[Антон Литвиненко]

Влиять на родителя при ховер css нельзя. Используйте js

[Vindie]

Антон Литвиненко, Как это сделать с помощью js?

[Сергей delphinpro]

Vindie, в простейшем случае писать стили с hover только для больших экранов. На мелких обрабатывать скриптами.

[Антон Литвиненко]

Vindie, например открывать подменю на мобилках добавляя ему класс видимости. А при событии клика на ссылку проверять есть ли у выпадающего меню активный класс и убирать его