JQuery插件样式表

Question

我有一个jquery插件，它带有自己的样式表。但是，当我将自己的样式表与插件的样式表一起包含时，插件样式表总是会受到我自己的样式表中的css的影响。

有没有办法阻止这种情况？

Answer 1

没有快速解决方法。您必须手动解决冲突的样式，或者在插件的CSS中为每个样式添加一些类名，例如。

.plugin-x h1 { ... }
.plugin-x li { ... }
.plugin-x .info { ... }

然后将插件生成的HTML元素包装在具有该特殊类名的div中：

  <div class="plugin-x"><!-- html generated by the plugin here --></div>

在您自己的全局样式影响插件样式的情况下，例如链接变为红色，您必须添加此样式：

.plugin-x a { color: black }

或者只需编辑插件的样式表并指定所需的颜色。