Consultas de medios anidadas | Programar Plus

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

Pero he divagado antes incluso de empezar. Puede anidar consultas de medios en CSS nativo, siempre que lo haga desde la raíz. Es divertido 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;
          }
        }
      }
    }
  }
}

Artículo

el 26 de mayo de 2021

Una guía completa para consultas de medios CSS

Artículo

el 4 de marzo de 2016

Consultas de medios animadas

Artículo

el 8 de febrero de 2017

El Sass Ampersand

Artículo

el 3 de agosto de 2021

Enfoques a las consultas de los medios en Sass

(Visited 1 times, 1 visits today)