嵌套媒体查询

我们在 CSS 中没有“常规”嵌套。 也许 这个 有一天会成为现实，或者类似的东西。 那将很酷，尽管该预规范没有提到任何关于媒体查询的内容。 如果我们真的得到原生 CSS 嵌套，我希望我们能从一开始就做到这一点。 事实上，我会毫不犹豫地用它来交换选择器嵌套。 我会说，这是 Sass 等 CSS 预处理器目前最实用的功能。

但我还没开始就已经跑题了。 你可以嵌套媒体查询 在 原生 CSS 中，只要你从根部进行嵌套。 在原生 CSS 中看到它很有趣，但它确实有效！

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