link和@import区别

原创已于 2023-09-20 19:07:04 修改 · 115 阅读

CC 4.0 BY-SA版权

文章标签：

于 2023-09-20 19:01:56 首次发布

本文比较了link标签与@import在文件加载类型、顺序、兼容性和修改方式上的区别，指出link适用于所有浏览器且能实时修改，而@import主要为IE5及以上版本，且不支持动态修改。

1、文件加载类型不同

link除了可以加载css以外，还可以加载其他文件
@import由css提供，只可以加载css文件

2、文件加载顺序不同

link与页面同时加载
@import先加载页面，后加载css

3、兼容性不同

link无兼容性问题
@import 只有IE5以上才能识别

4、修改方式不同

link可以使用document.styleSheets修改css样式
@import不可以