@import CSS规则用于从其他样式表导入样式规则。 这些规则必须位于所有其他类型的规则之前,@charset规则除外; 由于@import不是嵌套语句,因此不能在条件组规则中使用@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属性浏览器的兼容性,下表中的数字表示支持该属性的浏览器最低版本号;所有主流浏览器均支持该规则。
|
请参考以下教程:CSS Media Types。