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