目录

CSS @import 规则


示例

将 "navigation.css" 样式表导入到当前样式表中:

@import "navigation.css"; /* Using a string */

or

@import url("navigation.css"); /* Using a url */

下面有更多示例。


定义和用法

这个@import规则允许您将一个样式表导入到另一个样式表中。

这个@import规则必须位于文档的顶部(但在任何@字符集宣言)。

这个@import规则还支持媒体查询,因此您可以允许导入依赖于媒体。


浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
@import 1.0 5.5 1.0 1.0 3.5


CSS 语法

@import url| string list-of-mediaqueries;

属性值

Value Description
url|string A url or a string representing the location of the resource to import. The url may be absolute or relative
list-of-mediaqueries A comma-separated list of media queries conditioning the application of the CSS rules defined in the linked URL

更多示例

示例

仅当介质为打印时才导入 "printstyle.css" 样式表:

@import "printstyle.css" print;

示例

仅当媒体为屏幕且视口最大为 768 像素时,才导入 "mobstyle.css" 样式表:

@import "mobstyle.css" screen and (max-width: 768px);