浏览器同步不会同时同步HTML和CSS文件

Question

我在名为index.html的目录中有一个名为style.css的HTML文件和一个名为CSS3 for everybody的CSS文件。

C:\Users\a\Desktop\Web-Design for everybody specialization\CSS3 for everybody

我试图让Browser-Sync通过运行browser-sync start --server 'CSS3 for everybody' --files 'CSS3 for everybody'来识别出.html和.css文件，但没有任何反应。它显示“已连接到浏览器同步”，页面保持不变。

Answer 1

由于<link>标记中的文件名不正确，浏览器同步很困惑。

之前是<link rel="stylesheet" type="text/css" href="style1.css">

将其更改为<link rel="stylesheet" type="text/css" href="style.css"> CSS开始注入。

Answer 2

在index.html文件中

你应该指定使用像这样的导入规则加载style.css文件

<style media="screen" type="text/css">
@import "style.css";
</style>