CSS styles 未应用

Question

我正在研究一个小型 web 项目，该项目在一段时间内运行良好，但突然间一些 CSS styles 不再被应用。

我已经通过 HTML 中的 class 应用了 styles。

当我在内联编写相同的 styles 时，它们工作正常，但是当通过 HTML 中的 class 应用时，它们不工作。

我的问题是，为什么它们是内联工作，但当我将它们放入 class 并附加 CSS 文件时却没有？

Answer 1

如果他们正在内联工作，但在文件链接时没有工作，我猜想 css 文件的链接可能有错字。 我之前遇到过类似的问题，结果发现我正在链接 index.css 而不是 styles/index.css，因为我已将 css 放入其自己的文件夹中。

Answer 2

首先检查您链接的 css 文件的路径。

如果它不是拼写错误，那么只需在 chrome (Windows) 中按Ctrl+F5 。

很多时候，当您的 css 文件很大时，您的浏览器会将其存储在缓存中，因此并非每次在编辑器中更新并重新加载站点时都会呈现您的 css 文件。

要纠正此问题，只需按 Ctrl+F5。

这将清除该选项卡（该网站）的浏览器缓存并重新加载页面，强制浏览器呈现更新的 css。

编辑：对于 Mac，如果您使用 safari，快捷方式是 Command+Alt+E

在 Mac 中，如果您使用 Chrome，Ctrl+F5 将不起作用，因此请参阅此站点： https://clear-my-cache.com/en/apple-mac-os/google-chrome.html