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