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

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