Edge 不尊重 css 重要和顺序答案

【问题标题】：Edge does not respect css important and orderEdge 不尊重 css 重要和顺序
【发布时间】：2016-10-13 09:24:09
【问题描述】：

我有两个 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;
}

这有什么问题？

【问题讨论】：

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

标签： html css microsoft-edge bootstrap-daterangepicker

【解决方案1】：

清除缓存是解决办法...

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

【讨论】：