Consultas de medios anidadas

No tenemos anidamiento "normal" en CSS. Quizás esto se convierta en algo algún día, o algo parecido. Eso sería genial, aunque esa especificación previa no menciona nada sobre las consultas de los medios. Espero que lo logremos desde el principio si alguna vez conseguimos el anidamiento CSS nativo. De hecho, lo cambiaría por el anidamiento de selectores en un abrir y cerrar de ojos. Yo diría que eso es lo más útil que hace un preprocesador CSS como Sass hoy en día.

Pero me he desviado incluso antes de empezar. Puede anidar consultas de medios en CSS nativo, siempre que lo haga desde la raíz. Es curioso verlo en CSS nativo, ¡pero funciona!

@media screen {  @media (min-width: 1px) {    @media (min-height: 1px) {      @media (max-width: 9999px) {        @media (max-height: 9999px) {          body {            background: red;          }        }      }    }  }}

Una guía completa para consultas de medios CSS

consultas de medios anidando a Andrés Galante

Consultas de medios animadas

consultas de medios que anidan a Chris Coyier

El ampersand descarado

consultas de medios que anidan a Richard Finelli

Enfoques para consultas de medios en Sass

consultas de los medios anidando a Eduardo Bouças