Html Edge不尊重css的重要性和顺序

我有两个css文件

daterangepicker.css

和

main.css

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

虽然

main.css

位于

daterangepicker.css

之后，但是

main.css

被覆盖。没关系，我想这是一个众所周知的问题

但在这种情况下，它们处于相同的特定级别。此外，在

main.css

中，我使用了被完全忽略的

important

标记：

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

---

这会有什么问题？

清除缓存是解决方案

---

尽管新的css文件已加载并显示在控制台中，但它们可能不会应用于屏幕。因此，不要信任更新后看到的css文件，只要确保清除缓存即可。

清除缓存是解决方案

---

尽管新的css文件已加载并显示在控制台中，但它们可能不会应用于屏幕。因此，不要信任更新后看到的css文件，只要确保清除缓存即可。

为什么要使用2个css文件？合并它们并重用所需的代码不是更好吗？（我知道这不是你问题的答案，但你不会有单文件的问题）这不是好办法。另一个是不断更新的库的外部css文件。将他们的css和我的css混合在一起会使开发阶段更加困难。为什么要使用2个css文件？合并它们并重用所需的代码不是更好吗？（我知道这不是你问题的答案，但你不会有单文件的问题）这不是好办法。另一个是不断更新的库的外部css文件。将他们的css和我的css混合在一起会使开发阶段更加困难。