html - Edge 不尊重 css important 和 order

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 文件，只需确保清除缓存即可。