题目:使用link和@import导入样式有何区别
区别一:link最早先出现,而@import是后出现,那它们必然存在兼容性问题
- link兼容性好
- @import不支持低版本的ie浏览器
区别二:link是一种标签,而@import是text/css中一个导入语句
<link rel="stylesheet" href="a.css">
@import ./a.css
区别三:浏览器会先加载link引入的样式,后加载@import
区别四:link引入的样式是可以通过js修改,而@import是不行的
代码演示:
@import的注意事项:
body部分
<body>
<div>111</div>
<span>222</span>
<p>333</p>
</body>
a.css
div {
background-color: red;
}
@import url(./b.css);
span {
background-color: purple;
}