@import
概述
语法
@import url; @import url list-of-media-queries;
其中:
- url
- 是一个表示要引入资源位置的
<string>
或者<uri>
(en-US) 。 这个 URL 可以是绝对路径或者相对路径。 要注意的是这个 URL 不需要指明一个文件; 可以只指明包名,然后合适的文件会被自动选择 (e.g. chrome://communicator/skin/). See here 了解更多。 - list-of-media-queries
- 是一个逗号分隔的 媒体查询 条件列表,决定通过 URL 引入的 CSS 规则 在什么条件下应用。如果浏览器不支持列表中的任何一条媒体查询条件,就不会引入 URL 指明的 CSS 文件。
正规语法
Error: could not find syntax for this item
示例
@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;
@import 'custom.css';
@import url("chrome://communicator/skin/");
@import "common.css" screen, projection;
@import url('landscape.css') screen and (orientation:landscape);
技术规格
技术规格 | Status | 备注 |
---|---|---|
Media Queries @import |
Recommendation | 扩展语法以支持任何媒体查询,而不仅仅是简单的媒体类型。 |
CSS Level 2 (Revision 1) @import |
Recommendation | 支持用<string> 直接表示样式表的 url,并要求 @import 规则必须在 CSS 文档的开头。 |
CSS Level 1 @import |
Recommendation | 初始定义 |
浏览器兼容性
BCD tables only load in the browser