Как обнулить hover?

Question

[iBird Rose]

В общем суть такова, что подменю раскрывается при ховер. тобишь что-то типа ul li:hover ul {display: block}
но на телефоне это нужно реализовать через open классы. но вот мешает этот ховер. ну и вопрос - что в media записать чтобы обнулить этот ховер на телефонах?

Answer 1

[Сергей delphinpro]

mobile first не зря придумали

Заверните ваши ховеры в медиазапросы

@media (min-width: 1000px) {
  ul li:hover ul { display: block}
}

Чтобы они не работали на мобайлах

Comments

[iBird Rose]

это первое о чем я подумал, но все же ищу способ именно обнуления таких конструкций. потому что каждый раз так писать - это костыли

[Сергей delphinpro]

iBird Rose: Вы как раз и ищете костыль. А так писать - right way.
Следует запомнить: Если вам приходится обнулять свойства, значит где-то вы назначили лишнее.
Это не аксиома, исключения бывают. Но не в данном случае.

[iBird Rose]

Сергей: учитывая, что обычно в css вопросах сразу идут куча ответов - а тут кроме тебя ни одного)) так и быть видимо так придется делать))