为什么不建议@import链接CSS？

Question

为什么不建议@import链接CSS？ @import无法执行哪些操作，[@ C0]是否可以与浏览器不兼容？

<link>中的什么建议？ <Link>中有什么有用的专业吗？

我们应该始终使用@import吗？

Answer 1

[这里是链接，该文章讨论了性能以及<link>与<link>：@import；引用一小部分：

如果您使用don’t use @import而不是LINK想要下载样式表并行，从而产生更快的页面。

不是那个旧的（（是从2009年4月起-不到一年前），所以它应该基本上仍然是真实的-它是由史蒂夫·索德斯（Steve Souders）撰写的，他的名字在当时很出名涉及前端表演。

从更主观的角度来看，我宁愿使用主HTML文件中的几个@import：这样一来，我便可以一眼看出被称为css的文件-查看服务器上的模板文件，或在客户端查看生成的HTML源代码。

Answer 2

<link>

文章中的段：

@ import和Here's a pretty complete answer on about.com

决定使用哪种方法之前包括样式表，您应该了解两种方法是什么打算用于。

<link>-链接是第一种方法用于包括外部样式表在您的网页上。目的是将您的网页与样式表。它被添加到这样的HTML文档：

<link>

@@ import-导入允许您导入一个样式表变成另一个。这有点与链接方案不同，因为您可以导入样式表在链接的样式表中。但是如果您在@的开头包含@import您的HTML文档是这样写的：

<link href="styles.css"
  type="text/css" />

来自标准观点，没有链接到外部样式表或将其导入。任一种方法都是正确的，任一种方法将同样有效（在大多数情况下情况）。但是有几个原因您可能想在其中使用一个其他。

请参阅本文的其余部分。

Answer 3

这两种方式都符合标准。

@ import方法在使用Javascript动态添加css时（例如在单页应用程序中，其中各种组件或页面按需引用其自己的css文件）具有一个优势。

这是因为您可以可靠地使用document.styleSheets [n] .cssRules来了解何时加载样式表。在某些浏览器中，链接元素的“加载”事件仍然存在故障。尝试在由link元素加载的样式表上使用cssRules可能导致浏览器抱怨无法访问该信息。