Todos os tópicos que encontrei em relação a media queries agrupadas são de alguns anos.
Com a grande variedade de CSS3, as consultas de media queries agrupadas agora são consideradas seguras de usar na produção?
Algum navegador que suporte o CSS3 suporte totalmente consultas de media queries agrupadas? Ou isso nem sempre seria o caso? Nesse caso, quais navegadores não suportam consultas de mídia aninhadas?
Exemplo de consulta de mídia aninhada para ilustração:
@media screen and (min-width: 1024px) {
body {
background-color: blue;
}
@media (-webkit-min-device-pixel-ratio: 1.5) {
body {
background-color: red;
}
}
}