我正在做一个网站，在用CSS做了一些编码后，我把数据推送到我的主机上。但是，网站的CSS并没有显示出它应该是什么！我在这里得到了很多支持，Discord和NameCheap（我的主机）。他们都说这与浏览器缓存有关。

做了一些实验后，我得出结论，它会随着WiFi连接而改变。我去了学校的WiFi，CSS看起来正常，但回到家里，它看起来不像它应该的样子。

我隔离了这个错误，发现它与1个CSS文件有关。但在将相同的代码放到不同的文件中后，它工作得很好。当然，当我把它放到一个不同的文件中时，代码确实发生了变化，因为以前那里有CSS.

下面是似乎导致它的代码：

<代码>H1{font-family："；JetBrains Mono ExtraBold"；，Monospace；颜色：#2474FF；文本对齐：左；浮动：左；边距：5px 30px；字体大小：XXX-大；方框阴影：0025px 5px#0ff；边框：实心DodgerBlue 4px；border-radius：15px；动画：疯狂3S无限；}@关键帧疯狂{50%{方框阴影：1px 2px 3px蓝色}} .内容{font-family："；JetBrains Mono"；，Monospace；字体大小：14px；边框：4px实心DodgerBlue；框大小：border-box；宽度：300px；高度：500px；填充：5px；显示：块；border-radius：10px；}.内容H3{字体大小：30px；字体粗细：粗体；文本对齐：居中；}按钮{font-family："；JetBrains Mono ExtraBold"；，Monospace；}一个{浮动：左；左边距：15px；

问题解决了，但我想知道为什么会这样。

顺晟科技：

这是一个浏览器功能。解决此问题的最简单方法之一是“硬刷新”。页面.

Windows上是Ctrl+F5

在Mac上是CMD+SHIFT+R

这是浏览器缓存的预期行为。这不是错误。您的浏览器"；记住"；它已经下载了一个文件，并将该数据保存在本地一段时间，而不是重新加载和重新读取，以便网站加载效率更高。

因为在开发和频繁更改文件时，您不希望出现这种行为，所以您可以做很多事情。这只是其中的一小部分：

•内置在Web浏览器中的开发人员工具，如Chrome Inspector（它也将在许多其他方面有利于您的开发），将设置在浏览器缓存处于活动状态时禁用它，因此每次刷新页面时，它都会自动下载最新的文件

•您可以手动清除浏览器上的缓存。大多数浏览器都有这方面的快捷方式（例如，按住Shift键的同时按下重新加载按钮）。

•确保其他所有人的浏览器也下载最新版本的CSS文件的一个简单方法是在CSS链接的末尾添加一个查询字符串，并在每次更新时更改它。例如：<；link rel="；样式表"；类型="；文本/CSS"；href="；styles.CSS？V=1 “>；”（下次更新文件并希望确保每个人都能看到这些更改时，请将V=1更改为V=2）