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