为什么不建议使用@import引入css

不建议使用@import主要有以下两点原因：

原因一、使用@import引入CSS会影响浏览器的并行下载

使用@import引用的CSS文件只有在引用它的那个css文件被下载、解析之后，浏览器才会知道还有另外一个css需要下载，这时才去下载，然后下载后开始解析、构建render tree等一系列操作。这就导致了浏览器无法并行下载所需的样式文件。

原因二：多个@import会导致下载顺序紊乱。

在IE中，@import会引发资源文件的下载顺序被打乱，即排列在@import后面的js文件先于@import下载，并且打乱甚至破坏@import自身的并行下载。

因此，我们建议使用link标签来引入css。