重要的是不要在 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) 即可！它刷新了当前的样式表。