网站仍然显示从css文件中删除的样式?

时间:2017-11-02 21:37:55

标签: css twitter-bootstrap bootstrap-4

我不是html或css的新手,但是我第一次使用bootstrap 4,如果这最终会产生影响。

到目前为止,我已经在我自己的样式表中添加了.container背景颜色,这很好。这实际上就是我添加的内容。

昨天花了一整天把页面的基本结构放在一起后,我在我的css文件中添加了一个边框到一个元素,没有任何反应。今天我一整天都在度过,直到现在才想弄清楚我做错了什么。这是我试过的:清除缓存(不知道它是否有所作为,我现在正在完全本地工作,除了引导表通过CDN连接),我刷新了页面,尝试了ctl + f5,重新启动浏览器,我验证了html和我的css文件,只有一个警告,我的文章元素缺少一个标题......我做了很多谷歌搜索。

没有任何改变。我删除了对我的样式表的整个调用,这有所不同,背景颜色消失了......正如我所料。我重新连接了样式表,删除了背景颜色,并刷新了页面。背景颜色显示,仍然没有边框。最后,我清除了整个css文件,其中没有任何内容,断开连接并重新连接样式表(重新加载页面),再次重新加载页面,背景颜色又回来了。如果我的css文件甚至完全是空的,它来自哪里?我添加了不同的样式,但相同的背景颜色是持久的。

最后,我完全从我的硬盘驱动器中删除了实际的css文件,重新加载页面以确保它不会继续存在。谢天谢地,我得到连接到css样式表的错误。我制作了一个新的空样式表,重新连接,一切似乎都运行正常。我现在放的所有款式都很好(到目前为止......)。

知道那是什么以及如何防止这种情况再次发生?

1 个答案:

答案 0 :(得分:0)

这听起来像是一个缓存问题,而且可能是 CSS cache

请注意CSS缓存 doesn't get cleared ,标准硬刷新 CTRL + F5 ;这会重新加载页面,但保留缓存的内容。要强制清除CSS缓存,请尝试以下任何一种方法:

  • CTRL + SHIFT + R
  • SHIFT + F5
  • 点击刷新图标
  • 时按住 SHIFT

您也可以通过手动让您的页面认为它正在加载不同的CSS文件来解决此问题。这可以通过明显的文件重命名来完成,但也可以通过简单地将查询字符串附加到其末尾来完成(例如style.css?v=1)。

这允许您通过后端语言动态地将当前时间戳附加到CSS文件,从而迫使浏览器重新加载CSS文件每次页面加载时,如果您愿意的话。请注意,这将解决更新问题,但会导致轻微的性能损失。

希望这有帮助! :)