@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属性浏览器的兼容性,下表中的数字表示支持该属性的浏览器最低版本号;所有主流浏览器均支持该规则。
![]() |
|