CSS中link 和@import的区别

1.@import是css提供的语法规则,而link是html的标签,link不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性等
2.加载顺序有差别,link引入的css将在加载页面的时候被同时加载,而@import引入的css将在页面加载完成之后被引用
3.@import是css2.1之后才出现的,所以较低版本的浏览器加载不出来,而link可以被所有浏览器加载
4.可以通过 JS 操作 DOM ,插入link标签来改变样式;由于 DOM 方法是基于文档的,无法使用@import的方式插入样式
5.link引入的css权重大于@import引入的权重

发布了32 篇原创文章 · 获赞 0 · 访问量 382

猜你喜欢

转载自blog.csdn.net/wron_path/article/details/103435229