Как отключить псевдоэлементы в медиа запросах?

Question

[Aladdin]

Нужно отключить hover-эффекты для мобильных устройств. Прописал text-shadow: none; и при нажатии (на телефонах) эффект тени просто удаляется. Есть вариант сделать hover и обычное состояние одинаковым, визуально видно не будет, но это все же, как мне кажется, костыль.

Answer 1

[Павел]

В телефонах нет hover эффектов, вернее они есть в файле, но как Вы себе представляете наведение в телефоне? Там есть только нажатие.

Comments

[Aladdin]

Hover-эффекты с телефонов работают как нажатие. Нужно, чтобы при нажатии ничего не происходило

[Павел]

Тогда ко всем элементам у которых есть Hover эффект добавить:
pointer-events:none;
Или:

html *:hover {
    pointer-events: none !important;
}

[Aladdin]

PavelMonro: Теперь эффекты не при нажатии, а удержании. Не вышло

Answer 2

[Ankhena]

Я не поняла связь псевдоэлементов и hover.
Ну да ладно.

Убрать псевдоэлементы, на примере :after, ну так и пишете

@media (max-with: 767) {
*:after {display:none}
}

Отключить hover.
Разумнее его "включать" только на десктопах. Т.е. использовать media с минимальной шириной, а не максимальной.
Либо отключать те правила, которые вы им задали, но это безумие какое-то.