关于CSS中@import阻塞的探索

之前都知道css的link在页面会柱塞页面渲染,但是css还有一种引入方式 @import

<style>   

@import url("CSS文件");   
</style>  

可以用style标签内嵌的方式引入,如果这个css文件有延迟,会阻塞渲染吗?

做一个实验看看 [demo] 

现象:1. 页面2秒后显示红色

         2. 尽管import的是蓝色在后面,div显示红色

结论:1.import引入的css也会阻塞页面渲染

         2.improt的css的权重总是比link引入的低