CSS中使用link和@important的區別

CSS中使用link和@important的區別

  • 從屬關係:linkHTML標籤,可以通過rel="alternate stylesheet"指定候選樣式,而@importantCSS提供的
  • 加載順序: 頁面被加載時,link會同時被加載,而@import引用的CSS會等到頁面被加載完再加載, @important必須在樣式規則之前,可以在CSS文件中引入其他文件
  • 加載區別:link最大限度支持並行下載,@important嵌套過多會導致串行下載,出現FOUC(用戶定義樣式表加載之前瀏覽器使用默認樣式顯示文檔,用戶樣式加載完成後在顯示新的文檔,造成頁面閃爍)
  • 兼容性: @important只在IE5以上才能識別,而link是HTML標籤,無兼容問題,可以使用@important對古老瀏覽器隱藏樣式
  • 權重方面: link方式的樣式的權重高於@important的權重

總結
 
link優於@important

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章