css - 是否可以排除其他 css 样式对指定 dom 元素的影响

Question

我从我的一个 friend 那里得到了一个元素，

该元素有数百个 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>

Answer 1

您可能需要为特定的 div 重置样式(如果我理解正确的话，这显然不起作用)或将 !important 语句添加到您要使用的 css 文件/类中。但是，如果不同的 css 文件中有多个 !importants，则您不能 100% 确定是否使用了这个。取决于文件及其结构。