首頁  >  文章  >  web前端  >  為什麼不建議使用@import引入css

為什麼不建議使用@import引入css

王林
王林轉載
2020-06-13 16:14:562828瀏覽

為什麼不建議使用@import引入css

不建議使用@import主要有以下兩點原因:

原因一、使用@import引入CSS會影響瀏覽器的並行下載

使用@import引用的CSS檔案只有在引用它的那個css檔案被下載、解析之後,瀏覽器才會知道還有另外一個css需要下載,這時才去下載,然後下載後開始解析、建構render tree等一系列操作。這就導致了瀏覽器無法並行下載所需的樣式檔案。

原因二:多個@import會導致下載順序紊亂。

在IE中,@import會引發資源檔案的下載順序被打亂,即排列在@import後面的js檔案先於@import下載,並且打亂甚至破壞@import自身的並行下載。

我們可以使用link標籤來引入css。

推薦教學:css快速入門

#

以上是為什麼不建議使用@import引入css的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:juejin.im。如有侵權,請聯絡admin@php.cn刪除