使用@media 对 css 条目进行 group/create 代码折叠时，可能会出现任何副作用问题吗？

Question

在 CSS 3 语法中，我们使用 @media 来定义要应用的响应式屏幕。

我打算将其用作 CSS 个条目的自定义代码折叠。

例如

@media {
    div { color: green; }
}

所以我想知道这样做会不会有什么副作用的问题？

Answer 1

首先，@media CSS at 规则对 CSS3 来说并不陌生。它在 CSS2 中引入，并得到包括 IE5+ 在内的所有浏览器的支持。 CSS3 的新内容是媒体 查询 。媒体查询和@media的区别详见this answer.

没有附带媒体查询的 @media 规则是 equivalent to @media all，同样，每个浏览器（包括 IE5 及更高版本）都能正确理解它。换句话说，就浏览器行为而言，除了对 IE4 和 90 年代后期的任何其他浏览器（不以任何方式、形状或形式）。

请注意，此构造在 Jigsaw CSS validator 中未验证为 CSS2 或 CSS3；这是验证器的一个错误，可能是由于 CSS2 没有明确允许带有 @media 的空媒体类型。话虽如此，是 CSS3 中所述的内容与 17 年前的浏览器行为一致，因此这是您完全可以信赖的东西。