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> 删除了试试
我也不知道啥原因反正就可以了