CSS `@import` 规则

说明

@import 规则允许从其他样式表导入样式规则。 @import 关键字后面必须跟要包含的样式表的 URL 和一个分号。也允许使用字符串代替 URL；它将被解释为好像它周围有 url(...) 。

此规则的语法如下所示：

@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 媒体类型.