CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

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