基本上,我想知道@import将样式表导入到现有样式表中而不是仅添加另一个样式表的优点/目的是什么?
@import
<link rel="stylesheet" type="text/css" href="" />
到文件头?
从页面速度的角度来看,@import几乎不应该使用CSS文件,因为它可以防止样式表被同时下载。例如,如果样式表A包含以下文本:
@import url("stylesheetB.css");
那么在下载第一个样式表之前,可能不会开始下载第二个样式表。另一方面,如果两个样式表都在<link>HTML主页面的元素中引用,则可以同时下载两个样式表。如果两个样式表总是一起加载,将它们简单地组合到一个文件中也很有帮助。
<link>
有时在某些情况下@import适当,但通常是例外,而不是规则。