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