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

Question

我不是 html 或 css 的新手，但我是第一次使用 bootstrap 4，如果最终有所不同的话。

到目前为止，我只向我自己的样式表中的 .container 添加了背景色，一切顺利。这就是我添加的所有内容。

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

没有任何改变。我删除了对我的样式表的整个调用，这有所不同，背景颜色消失了......正如我所料。我重新连接了样式表，删除了背景颜色，并刷新了页面。背景颜色出现了，但仍然没有边框。最后我清空了整个css文件，什么都不剩，断开样式表再重新连接(中间重新加载页面)，再次重新加载页面，背景色又回来了。如果我的 css 文件甚至完全是空的，它来自哪里？我添加了不同的样式，但相同的背景颜色一直存在。

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

知道这是怎么回事，我该如何防止这种情况再次发生？

Answer 1

这听起来确实像是一个缓存问题，它可能与 CSS cache 有关.

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

• CTRL + SHIFT+ R
• SHIFT + F5
• 按住 SHIFT 的同时单击刷新图标

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

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

希望对您有所帮助! :)