当使用@media为css条目分组/创建代码折叠时，可能会出现任何副作用问题？

Question

在CSS 3语法中，我们有@media来定义响应性屏幕来应用。

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

例如。

@media {
    div { color: green; }
}

所以我不知道这样做会否出现副作用呢？

Answer 1

首先，@media CSS at-rule对CSS3来说并不新鲜.它是在CSS2中引入的，得到了包括IE5+在内的所有浏览器的支持。CSS3的新技术是媒体查询。媒体查询和@media之间的区别在这个答案中详细说明了。

没有附带媒体查询的@media规则是@media all，同样，每个浏览器(包括IE5和up )都正确理解它。换句话说，在浏览器行为方面，除了将CSS隐藏在IE4和90年代后期的任何其他浏览器之外，没有其他副作用(这些浏览器在任何方式、形状或形式上都不支持@media )。

请注意，此构造在CSS2或CSS3中都不进行验证；这是验证器中的一个错误，这可能是因为CSS2没有显式地允许使用@media的空媒体类型。尽管如此，在CSS3中声明的内容与17年前的浏览器行为是一致的，所以这是您完全可以依赖的东西。