<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>document</title> <!-- 通过link标签引入a.css文件样式 --> <link rel="stylesheet" href="./a.css"></head><body> <div>测试111</div> <p>测试222</p></body></html>
a.css文件代码如下：
等import './b.css';div{ background-color: blue;}
b.css文件代码如下：
p{ color:red;}等import: 等import ‘文件名.css’
等import './b.css';//在a.css文件中 把 b.css样式引入到a.css文件
截图：
区别：1.先有link，后面再有等import ,link兼容性比等import 好
2.加载顺序：浏览器先加载标签link，再加载等import
