Jquery 如何确保CSS规则不被覆盖

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

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

---

我的类名是唯一的，但是如果用户为

div

设置了css规则，那么这就没有帮助了。例如，

您可以使用！css中的重要标志，以确保规则不会被覆盖，但如果其他人都使用它们，它们仍然容易出错。当然：

p {
    color: red !important;
}

---

除非你输入你能想到的每一条CSS规则来强制执行，否则使用！重要信息：在需要确保优先级的情况下，您确实无法覆盖无法具体引用的样式。也许您可以选择10个最有问题的规则-颜色、边框、填充、边距等-并简单地包括这些规则。

据我所知，div.className的优先级高于div。您可以尝试使用此规则。此外，还需要定义所有主要属性（如边距、边框等）。使用“！important”-在插件开发中不是很好的风格，因为一些ppl需要根据页面设计重新定义css类。

您尝试过吗！重要信息？如果你真的想确保插件看起来不错，你可以使用内联样式，例如$（'.yourplugin'）.css（{}）来覆盖所有可能的覆盖。@都德：是的，但例如源站点有

div{border:3px；}

，而我根本不使用边框，所以没有地方可以使用

！重要信息

标记，我可能会列出所有可能影响显示的主要css属性，并使用

禁用它们！重要信息

但我认为这不是一个好的解决方案样式表中的特定性和顺序。它们应该放在样式表的底部，因为它是从上到下读取的。。除此之外，如果它们的样式仅基于通用元素标记，那么这将不起作用。我想知道您是否可以通过iframe添加它。。这可能会阻止造型，虽然我不确定。。。最后一个选项是内联样式，也请查看此项。。如果有人使用div{border:3px；}，你可能帮不了他。。或者你必须坚持覆盖这些规则。