zbailing
zbailing
采纳率0%
2019-08-23 10:53

浏览器打开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却加载不出来**???**

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

7条回答

  • weixin_44347511 柯小易 3月前

    你把

    <!DOCTYPE html>
    
    删除了试试

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

     

     

    点赞 评论 复制链接分享
  • WangQingShun 芜湖芝麻开门 2年前

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

    点赞 评论 复制链接分享
  • qq_33477377 爱前端不爱恋爱 2年前

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

    点赞 评论 复制链接分享
  • qq_19919495 qq_19919495 2年前

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

    点赞 评论 复制链接分享
  • zhanghuan_00001 zhanghuan_00001 2年前

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

    点赞 评论 复制链接分享
  • EchoSunxx 大象不是象 2年前

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

    点赞 评论 复制链接分享
  • weixin_42510586 张天宇 2年前

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

    点赞 评论 复制链接分享

相关推荐