Как убрать hover при разных разрешениях?

Question

[Александр]

При наведении на элемент в основных классах прописан ховер, нужно убрать этот ховер если размер экрана меньше 991px

Answer 1

[Артём Ведищев]

https://jsfiddle.net/ozrq6dn8/
Как-то так...

Answer 2

[IgorNoskov]

@media all and (max-width: 991px) {
    .element:hover {
      // переопределить значение
   }
}

Comments

[Сергей Горячев]

Если требуется переопределить, то да, решение адекватное.

Но если тупо убрать, то не совсем правильно. Гораздо удобнее использовать обратный медиа запрос, как советует ниже Артём Ведищев

.element {
      // стили для блока
   }
@media all and (min-width: 991px) {
    .element:hover {
      // стили для ховера при экране больше 991
   }
}

[Ankhena]

Поддерживаю Сергея и Артема, чем меньше вы будете перебивать стили, тем проще жить дальше.