CSS @import 規(guī)則

@import CSS規(guī)則用于從其他樣式表導(dǎo)入樣式規(guī)則。 這些規(guī)則必須位于所有其他類型的規(guī)則之前，@charset規(guī)則除外； 由于@import不是嵌套語(yǔ)句，因此不能在條件組規(guī)則中使用@import。

 CSS @import 規(guī)則的使用語(yǔ)法

該規(guī)則的語(yǔ)法如下：

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

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

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

您還可以指定與媒體相關(guān)的@import規(guī)則（即，導(dǎo)入的樣式表適用的媒體類型）—只需在URL后指定逗號(hào)分隔的媒體類型或媒體查詢即可。

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

瀏覽器兼容性

@import屬性瀏覽器的兼容性，下表中的數(shù)字表示支持該屬性的瀏覽器最低版本號(hào)；所有主流瀏覽器均支持該規(guī)則。

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

進(jìn)一步閱讀

請(qǐng)參考以下教程：CSS Media Types。