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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值