Как привязать класс к определенному классу?

Question

[Secret73]

Всем привет. в тег html устанавливается класс touch если зашли с мобильника либо no-touch если зашли с компа.
Мне нужно что бы, в мобильнике подключался класс fotorama для изображений, а если с компа то этот класс игнарировался. Скажите как связать класс fotorama с классом touch?

Answer 1

[Василий]

Используй один класс + медиа-запросы (media handheld)

Answer 2

[Secret73]

Незнаю на сколько эт колхозно, но сделал так

<div class="desktops fotorama">

@media screen and (max-width: 760px) {
.desktops.fotorama {display:block!important;}
.fotorama__noise......
}
.desktops.fotorama {display:none;}

Comments

[Вова Дружаев]

Колхозно использовать лишний класс .desktops - в медиазапросе он вам не нужен.
И использовать !iportant - плохой тон. Личше блок медиазапроса расположить в самом низу таблицы стилей (я как правило всегда все медиазапросы пишу в конце файла ). Все что подгружается позже - переписывает ранее идущие стили. Или перевесить доп родительским селектором. Тогда и порядок загрузки стилей не важен. Победит самый сильный

[Secret73]

Владимир Дружаев: а как тогда без desktops?

[Вова Дружаев]

Secret73: ок. может я немного неточно ответил - класс называть так не стоит. Ведь он работает не только на десктопах. Лучше переименовать. Вот почитайте https://habrahabr.ru/post/303174/