如何在加载插件后覆盖图标类？

Question

我正在使用dhtmlxTreeview：https://dhtmlx.com/docs/products/dhtmlxTreeView/

我需要覆盖CSS文件中的图标。如果我转到CSS文件并覆盖类，它将在浏览器中更新。

但是，当我第一次运行并再次重新加载时，即使我使用!important关键字，插件也不会尊重CSS覆盖。

如何覆盖该图标文件？

我需要改变这个：

i.dhxtreeview_icon.dhxtreeview_icon_file {
    background-image:url(imgs/dhxtreeview_web/icon_file.gif);
}

对此：

i.dhxtreeview_icon.dhxtreeview_icon_file {
    background-image:url(imgs/dhxtreeview_web/icon_folder_closed.gif) !important;
}

Answer 1

您必须在库之后链接您的CSS文件。这将使CSS的原生特性覆盖图书馆的样式。

示例：https://jsfiddle.net/zk4t2t8a/

<style>
  div {
    background: red;
  }
</style>
<style>
  div {
    background: green;
  }
</style>
<div>
    Test
</div>

更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity