Медиа запрос для дива

А какие проблемы? Просто указываете какие угодно цвета и ширину для каждого @media в css.

В том и дело, что я не пойму как делать медиа запрос для конкретного дива.

Это для всего окна браузера:

@media screen and (min-device-width: 1600px) {

    ................

   }

А для отдельного дива как сделать?

Никак. Если только какие-нибудь препроцессоры использовать.

Ясно. Спасибо.

А что мешает для каждого @media указывать свою связку блоков? Ведь Ваш вопрос звучал именно для медиа запроса?

Sitealert, понял. Но медиа на страницы могут и не быть, а могут быть.

То есть страница может быть не респонсив. Иначе вопроса бы не возникало :)

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

Именно для этого и задумано. Пользователь сам будет менять ширину.

Суть данной темы еще и в том, будет ли этот js грузить процессор, или не особо?

Если нагрузки не будет, то тогда вопрос снимается.

Любой жабаскрипт грузит клиентский процессор, но если это единичные операции, то нагрузка несущественна.