查找link和@import区别相关的问题,大多答案都有一条是:
link 支持使用 Javascript 控制 DOM 去改变样式;而 @import 不支持。
但是我自己试了一下支持啊。
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style type="text/css">
@import '1.css';
</style>
<body>
<div id="test1">123</div>
</body>
</html>
css
#test1{
color:red;
}
文本首先是红色的,然后再控制台更改样式
document.getElementById('test1').style.color = 'green'
还是变成了绿色。
不是我理解的这样操作吗?