Edge 不尊重 css 重要和顺序

Question

我有两个 css 文件 daterangepicker.css 和 main.css

对于某个元素，我在控制台中看到以下内容：

虽然 main.css 在 daterangepicker.css 之后出现，但 main.css 被覆盖了。没关系，我认为这是一个已知问题 in this question。

但在这种情况下，它们处于同一特定级别。此外，在 main.css 中我使用 important 完全忽略的标签：

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background: #D8AA0E !important;
  border: 1px solid #D8AA0E !important;
  font-weight: 500 !important;
}

这有什么问题吗？

Answer 1

清除缓存是解决方案...

虽然新的 css 文件已加载并显示在控制台中，但它们可能未应用到屏幕上。所以，不要相信更新后看到的 css 文件，只要确保清除缓存即可。