我从我的一个朋友那里得到了一个项目,
该项目有数百个css文件。
现在我需要一个通知插件,http://sciactive.github.io/pnotify/
但我发现插件的css会受到其他css文件的影响。
是否可以在以下DOM上应用 pnotify.css ,
并防止其他css文件影响它?
或者有任何想法解决问题
<div class="ui-pnotify stack-bottomright" style="width: 300px; opacity: 1; display: block; overflow: visible; right: 25px; top: 0px; cursor: auto;"><div class="alert ui-pnotify-container ui-pnotify-shadow" style="min-height: 16px; overflow: hidden;"><div class="ui-pnotify-closer" style="cursor: pointer; visibility: hidden;"><span class="icon-remove" title="Close"></span></div><div class="ui-pnotify-sticker" style="cursor: pointer; visibility: hidden;"><span class="icon-play" title="Stick"></span></div><div class="ui-pnotify-icon"><span class="icon-exclamation-sign"></span></div><h4 class="ui-pnotify-title">獎項更新</h4><div class="ui-pnotify-text" style="display: none;"></div><div style="margin-top: 5px; clear: both; text-align: right; display: none;"></div></div></div>
答案 0 :(得分:0)
你可能必须重置某个div的样式(如果我理解你的话,这显然不起作用)或者将!important语句添加到你想要使用的css文件/类中。但是,如果在不同的css文件中有多个!important,那么你不能100%确定使用这个。取决于文件及其结构。