Добавить класс или другой атрибут, используя медиа-запрос

В настоящее время я использую медиазапросы CSS для некоторых небольших и средних экранных устройств, таких как:

@media screen and (min-device-width: 480px) {
  ...
}
@media screen and (min-device-width: 720px) {
  ...
}

Это работает, как и ожидалось, и я могу применить стили к некоторым конкретным селекторам, но ... Мне было интересно, есть ли способ добавить класс или другой атрибут к селектору на основе медиа-запроса.

Пример моей мысли:

@media screen and (min-device-width: 480px) {
  body { addClass('body-iphone') }
}

Есть ли способ сделать это с помощью CSS или, может быть, JavaScript?

Ответы на вопрос(5)

Ваш ответ на вопрос