Browser-Sync不同步HTML和CSS文件。

Question

我在名为index.html的目录中有一个名为style.css的HTML和名为style.css的CSS文件，如下所示。

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

我试图通过运行.html来使Browser-Sync认识到存在一个browser-sync start --server 'CSS3 for everybody' --files 'CSS3 for everybody'和一个.css文件，但是什么都没有发生。上面写着“连接到浏览器同步”，页面保持不变。

Answer 1

在index.html文件中，应该指定使用导入规则加载style.css文件，如下所示

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

Answer 2

Browser-Sync由于<link>标记中文件名不正确而被混淆.

早些时候是<link rel="stylesheet" type="text/css" href="style1.css">

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