link 和 @import的区别

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的样式覆盖掉了

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