浏览器打开html文件,其中引入的css为什么无法加载?

test.html如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="test.css">
</head>
<body>
<span class="txt">hello</span>
</body>
</html>

test.css如下:

.txt {
    background-color: #eee;
}
.txt::before  {
    content: "world!";
}
.txt {
    color: red;
}

test.html 文件代码如上图,浏览器打开后css样式却加载不出来(css路径没问题)。

然后,我又新建了一个 test2.html ,将 test.html 代码全选复制了进来,用浏览器打开 test2.html ,css成功加载了。

两个html都是同样的代码,为什么 test2.html 好使,*test1.html* 的css却加载不出来**???**

检查一下css文件引入路径,或者F12看控制台

很可能是客户端缓存问题,将客户端缓存清理一下,重启服务器后重新测试test.html

文档编码有问题,用记事本修改下就可以了

页面缓存的问题 f12 查看以下network 里加载的css资源

进入无痕浏览模式,然后重新清空历史记录,试试,如果不行看看是不是域名做了百度加速度,也有可能是这个原因,

额,你说想加载test1.css的格式,但是你的代码里面写的test.css是不是这个问题呢?
有点看晕了,不知道你的名字有没有问题。

你把

<!DOCTYPE html>

删除了试试

我也不知道啥原因反正就可以了