文章為csslint中文版譯文坯台，點擊原文可查看英文版，如遇到翻譯錯誤或錯別字啥的嫂沉，請留言指出~ 譯文內(nèi)容不定期更新~ 返回目錄
@import命令用于在CSS文件中 引用其它的CSS文件,例子如下:
@import url(more.css);
@import url(andmore.css);
a {
color: black;
}
此代碼在開始位置 引用了另外兩個樣式表蹬屹。當游覽器在解析此代碼時,會在每個@import后開始下載指定的文件,而 停止執(zhí)行后面的代碼。也就是說 在@import指定的文件未下載完成前,游覽器不會同時下載其它的樣式文件,總而失去了 并行下載CSS的優(yōu)勢卸留。
有兩種替代@import的方式:
- 使用構(gòu)建工具,在部署前,就將需要合并的CSS文件串聯(lián)至一起走越。
- 使用多個
<link>標簽來引入你需要的CSS樣式。<link>引入是支持并行下載的耻瑟。
規(guī)則詳情
規(guī)則 ID: import
此規(guī)則 在使用@import時 提示警告旨指。
以下示例將提示警告:
@import url(foo.css);
