如何确保不会覆盖您的CSS规则

Question

我开发了一个简单的jQuery插件，它有一些样式的div，

然而，当用户在他们的网站中实现我的代码时，div通常看起来很糟糕，因为原始网站上的一些CSS规则覆盖了我的。

我的班级名称是唯一的，但如果用户有div的css规则集，则无法提供帮助，例如

Answer 1

您可以在css中使用！important标志来确保不会覆盖规则，但如果其他人当然使用它们，它们仍然容易出错：

p {
    color: red !important;
}

Answer 2

除非您键入每个CSS规则，您可以考虑强制执行，在必要时使用！important以确保优先级，您实际上无法覆盖您无法专门引用的样式。也许你可以选择10个最有问题的规则 - 颜色，边框，填充，边距等 - 并简单地包含这些规则。

Answer 3

据我所知，div.className的优先级高于div。你可以尝试使用它。您还需要定义所有主要属性（例如边距，边框等）。使用＆＃34;！important＆＃34; - 在插件开发的情况下不是很好的风格，因为一些ppl需要根据页面设计重新定义你的css类。