@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>：

指定媒體類型和查詢條件。

• 該規(guī)則必須在樣式表頭部最先聲明。并且其后的分號是必需的，如果省略了此分號，外部樣式表將無法正確導入，并會生成錯誤信息。
• 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);

• 淺綠 = 支持
• 紅色 = 不支持
• 粉色 = 部分支持