@import

概述

@import是CSS@规则，用于加载外部层叠样式表。@import规则必须放在其他除了@charset规则以外的CSS规则的前面；@import规则不可嵌套于条件规则组中。

@import可在URI后面附带媒体查询；每条媒体查询间用逗号分隔。若没有媒体查询，则该导入是无条件的，相当于指定媒体为all。

语法

@import url;
@import url list-of-media-queries;

其中:

url

Is a <string> or a <uri> representing the location of the resource to import. The URL may be absolute or relative. Note that the URL need not actually specify a file; it can just specify the package name and part, and the appropriate file is chosen automatically (e.g. chrome://communicator/skin/). See here for more information.

list-of-media-queries

Is a comma-separated list of 媒体查询 conditioning the application of the CSS 规则 defined in the linked URL. If the browser does not 支持 any these queries, it does not load the linked resource.

正规语法

@import [ <string> | <url> ] [<media-query-list>]?;

示例

@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);

技术规格

浏览器兼容性