@import

@import <url> <media_query_list>

<media_query_list>：[<media_query>[',' <media_query>]*]?

<media_query>：[only | not]? <media_type> [and <expression>]* | <expression> [and <expression>]*

<expression>：'('<media_feature>[:<value>]?')'

<url>：

使用绝对或相对地址指定导入的外部样式表文件。可以是url(url)或者直接是一个url

<media_query_list>：

指定媒体类型和查询条件。

• 该规则必须在样式表头部最先声明。并且其后的分号是必需的，如果省略了此分号，外部样式表将无法正确导入，并会生成错误信息。
• IE使用@import无法引入超过35条的样式表。
• 使用url(url)和直接使用url需要注意的地方：

  示例代码：

  @import url("global.css");
  
  @import url(global.css);
  
  @import "global.css";
  
  

  以上3种方式都有效。当使用url(url)的方式时，包住路径的引号可有可无；当直接使用url时，包住路径的引号必须保留。

• 指定媒体查询：

  示例代码：

  @import url(example.css) screen and (min-width:800px);
  
  @import url(example.css) screen and (width:800px),(color);
  
  @import url(example.css) screen and (min-device-width:500px) and (max-device-width:1024px);

• 浅绿 = 支持
• 红色 = 不支持
• 墨绿 = 部分支持
• 橙色 = 实验性质

1. IE7及更早浏览器不支持@import指定媒体类型和媒体查询。
2. IE8不支持@import指定媒体查询。