首页 > 其他 > 详细

link 和 @import的区别

时间:2021-08-17 14:31:04      阅读:20      评论:0      收藏:0      [点我收藏+]

1. 从属关系不同

link 是html标签, 有RSS rel属性, 可以设置关联属性

@import 是css关键字

 

2.加载顺序不同

link 引入css时加载, link标签的css文件同时加载

@import 页面加载完毕后被加载

 

3. 兼容性

link 不存在兼容性问题

@import 从css2.1开始支持, 需要IE5+以上浏览器才能支持

 

4. DOM操作

link可以当作DOM元素被操作,@import不可以

 

5. link 引入的样式的权重大于@import样式的权重  这句话这么理解

因为@import引入的样式会被放在文件顶部,所以会被link引入的样式给覆盖掉, 所以看起来才像是@import的样式被link的样式覆盖掉了

 

link 和 @import的区别

原文:https://www.cnblogs.com/ycherry/p/15150929.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!