Verschachtelte Media Queries

Wir haben keine "reguläre" Verschachtelung in CSS. Vielleicht wird dieses hier eines Tages zu einer Sache, oder etwas Ähnliches. Das wäre cool, obwohl diese Vor-Spezifikation nichts über Media Queries erwähnt. Ich würde hoffen, dass wir das gleich zu Beginn richtig hinbekommen, wenn wir jemals native CSS-Verschachtelung bekommen. Tatsächlich würde ich sie sofort gegen Selektor-Verschachtelung eintauschen. Ich würde sagen, das ist das Nützlichste, was ein CSS-Präprozessor wie Sass heute tut.

Aber ich bin abgeschweift, bevor ich überhaupt angefangen habe. Man kann Media Queries verschachteln in nativem CSS, solange man es von der Wurzel aus tut. Es ist lustig, es in nativem CSS zu sehen, aber es funktioniert!

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