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

Question

基本上，我想知道@import将样式表导入到现有样式表中而不是仅添加另一个样式表的优点/目的是什么？<link rel="stylesheet" type="text/css" href="" />到文件头？

Answer 1

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

@import url("stylesheetB.css");

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

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