重要的是不要在 google chrome 中应用 css 的更改

Question

在我的网站中，有一个 main.css 文件和 bootstrap.css 文件，这两个文件中都存在一些 css 代码，我尝试更改其中一个（在 bootstrap.css 中），并且我在旁边写了 !important它。在 Firefox 中，应用了更改并考虑了 !important 更改。在 chrome 中，考虑了另一个（在 main.css 中）没有 !important 的情况。有谁知道这是为什么吗？！在 main.css 中：.navbar-inverse .navbar-nav > li > a {    color: white;}.navbar-inverse .navbar-nav > li > a:hover {    color: #222222;}在 bootstrap.css 中：.navbar-inverse .navbar-nav > li > a {  color: #2b3062 !important;}.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > li > a:focus {  color: white !important;  background-color: transparent;}What's the problem here?

Answer 1

我不知道任何 Chrome 特定的错误可能会导致此问题。您是否尝试过检查开发人员控制台（右键单击并检查元素）？它应该显示一个样式面板，您可以在其中查看是否有任何样式覆盖您的样式。如果没有其他办法，您可以随时尝试向以下内容添加内联样式：

<a style="color: #2b3062"> ... </a>

这将自动覆盖任何样式表。

您是否尝试过退出 Chrome（也许重新启动计算机）或清除缓存？也许 Chrome 缓存了旧版本的样式表。

Answer 2

只需按 (ctr+f5) 即可！它刷新了当前的样式表。