CSS中@import规则

CSS中的@import规则，可以将另一个css文件引入到当前css文件。当然这不是一件值得说道的事情。

我想说的是另一点，@import支持媒体查询。这一点，在设计响应式网站时比较有用。

举例：
@import “index.css” screen and (min-width > 1024px);
上述，表示的意思是在屏幕宽度在大于1024px的屏幕上加载index.css的样式。利用这一点，可以设计兼容不同屏幕的网页。