不建議使用@import主要有以下兩點(diǎn)原因:
創(chuàng)新互聯(lián)公司專業(yè)IDC數(shù)據(jù)服務(wù)器托管提供商,專業(yè)提供成都服務(wù)器托管,服務(wù)器租用,川西大數(shù)據(jù)中心,川西大數(shù)據(jù)中心,成都多線服務(wù)器托管等服務(wù)器托管服務(wù)。
原因一、使用@import引入CSS會(huì)影響瀏覽器的并行下載
使用@import引用的CSS文件只有在引用它的那個(gè)css文件被下載、解析之后,瀏覽器才會(huì)知道還有另外一個(gè)css需要下載,這時(shí)才去下載,然后下載后開(kāi)始解析、構(gòu)建render tree等一系列操作。這就導(dǎo)致了瀏覽器無(wú)法并行下載所需的樣式文件。
原因二:多個(gè)@import會(huì)導(dǎo)致下載順序紊亂。
在IE中,@import會(huì)引發(fā)資源文件的下載順序被打亂,即排列在@import后面的js文件先于@import下載,并且打亂甚至破壞@import自身的并行下載。
我們可以使用link標(biāo)簽來(lái)引入css。
以上就是為什么不建議使用@import引入css的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注創(chuàng)新互聯(lián)其它相關(guān)文章!