一尘不染

包括CSS的最佳方法?为什么要使用@import?

html

基本上,我想知道@import将样式表导入到现有样式表中而不是仅添加另一个样式表的优点/目的是什么?

<link rel="stylesheet" type="text/css" href="" />

到文件头?


阅读 235

收藏
2020-05-10

共1个答案

一尘不染

从页面速度的角度来看,@import几乎不应该使用CSS文件,因为它可以防止样式表被同时下载。例如,如果样式表A包含以下文本:

@import url("stylesheetB.css");

那么在下载第一个样式表之前,可能不会开始下载第二个样式表。另一方面,如果两个样式表都在<link>HTML主页面的元素中引用,则可以同时下载两个样式表。如果两个样式表总是一起加载,将它们简单地组合到一个文件中也很有帮助。

有时在某些情况下@import适当,但通常是例外,而不是规则。

2020-05-10