CSS更改不显示在浏览器中[关闭]

xhv8bpkk  于 2023-05-19  发布在  其他
关注(0)|答案(1)|浏览(168)

**关闭。**此题需要debugging details。目前不接受答复。

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将帮助其他人回答这个问题。
21小时前关闭
Improve this question
我已经做了我的网页上的css文件的变化。它们在编辑器模式下显示得很好,但在任何浏览器中都无法显示。以前我的样式表或HTML表从来没有遇到过这个问题,不确定我做错了什么。
检查了我的代码(看起来一切都很好,尤其是当它们在编辑器模式下显示时)
My code and the correct way it shows in editor mode. I have applied these changes to my website
The way they show on any browser
请任何帮助将不胜感激。
我尝试过的:更新我的浏览器

  • 清除缓存
  • 硬刷新浏览器

我的密码

<link rel="stylesheet" href="{{ blog.blog_path }}style.css" type="text/css" />
 
 <link rel="alternate" href="{{ blog.blog_path }}index.rss" type="application/rss+xml" title="RSS" />
dsekswqp

dsekswqp1#

所以这件事发生在我身上很久以前,我想我可以帮助你。

  • 也许一个具有更高Specificity的CSS规则正在赢得您期望应用的规则
  • 你的对象被另一个使用!重要关键字。
  • 也许可以试试Ctrl + F5,强制更新,忽略任何缓存。
  • 尝试重命名这css文件到看是否有变化

有一个更简单的方法,这取决于你是否有一个可以运行php的Web服务器,或者你只有一个.html文件。
如果你有一个php服务器,只需添加<?php echo microtime(true)?>到css文件的末尾,在一个“?”,像这样:<link href="path_to_css_file.css?v=<?php echo microtime(true); ?>" type="text/css" rel="stylesheet">
但是如果你只有一个html文件,我想你可以用javascript来做。把你的css文件放在头上:<link href="path_to_your_css_file.css" type="text/css" rel="stylesheet">
然后加上

document.addEventListener("DOMContentLoaded",() => {
    document.querySelectorAll("link").forEach((link) => {
        link.href += (link.href.includes("?") ? "&v=" : "?v=")+Date.now();
    });
});

到你的页面(在一个javascript元素内)来“刷新”页面中的链接元素(css样式表)。这个问题也可能发生在图像上,为了解决这个问题,我认为你也需要改变链接,我仍然不知道为什么会发生这种情况,我知道它链接到浏览器的缓存,但我不清楚为什么。
无论如何,这已经讨论了很久以前,这里是post,我只是做了一个小简历,以加快它。如果你想进入复杂的东西,就去吧。

相关问题