Вложенные медиа-запросы

[Rock]

Приветствую всех.

Подскажите есть ли в спецификации CSS3 вложенные медиа-запросы и, если да, то как они поддерживаются современными мобильными и десктопными браузерами?

Спасибо.

[wwt]

Простой тест вам все покажет: http://jsfiddle.net/sDfD5/

меняем размер фрейма и видим что ie, opera и chrome вложенных не понимают, а firefox на ура.

только не очень понимаю зачем нужны вложенные, когда можно использовать последовательные с перекрытием свойств, как это в примере сделано для бекграунда body.

Ну и можно подключать различные css файлы в зависимости от медиа-запросов, пример:

<link rel="stylesheet" type="text/css" media="only screen and (max-width: 1280px)" href="/mw1280.css" />
<link rel="stylesheet" type="text/css" media="only screen and (max-width: 768px)" href="/mw768.css" />
<link rel="stylesheet" type="text/css" media="only screen and (max-width: 480px)" href="/mw480.css" />

А внутрь добавлять правила с медиа-запросами )),

так же можно медиа-запросы группировать через запятую:

@media all and (orientation: landscape), all and (min-width: 480px) {}

Edited January 25, 2013 by wwt

[Rock]

Ну да, это выход. Спасибо большое.