CSS @import 规则

@import CSS规则用于从其他样式表导入样式规则。 这些规则必须位于所有其他类型的规则之前，@charset规则除外； 由于@import不是嵌套语句，因此不能在条件组规则中使用@import。

 CSS @import 规则的使用语法

该规则的语法如下：

@import url [media type,...];

下面的示例演示了如何使用@import属性。

@import url("css/layout.css");
@import url("css/color.css");
body {
 color:blue;
 font-size:14px;
}

您还可以指定与媒体相关的@import规则（即，导入的样式表适用的媒体类型）—只需在URL后指定逗号分隔的媒体类型或媒体查询即可。

@import url("css/default.css");
@import url("css/print-style.css") print;
body {
 color: red;
 font-size: 1em;
}

浏览器兼容性

@import属性浏览器的兼容性，下表中的数字表示支持该属性的浏览器最低版本号；所有主流浏览器均支持该规则。

Firefox 1+ Google Chrome2+ Internet Explorer 5.5以上 Apple Safari 1.3+ Opera 6+

进一步阅读

请参考以下教程：CSS Media Types。