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

使用絕對(duì)或相對(duì)地址指定導(dǎo)入的外部樣式表文件。可以是url(url)或者直接是一個(gè)url

<media_query_list>：

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

• 該規(guī)則必須在樣式表頭部最先聲明。并且其后的分號(hào)是必需的，如果省略了此分號(hào)，外部樣式表將無法正確導(dǎo)入，并會(huì)生成錯(cuò)誤信息。
• IE使用@import無法引入超過35條的樣式表。
• 使用url(url)和直接使用url需要注意的地方：

  示例代碼：

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

  以上3種方式都有效。當(dāng)使用url(url)的方式時(shí)，包住路徑的引號(hào)可有可無；當(dāng)直接使用url時(shí)，包住路徑的引號(hào)必須保留。

• 指定媒體查詢：

  示例代碼：

  @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);

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