jquery - 如何确保您的 CSS 规则不被覆盖

Question

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

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

div我的类名是唯一的，但如果用户设置了css 规则，这将无济于事

Answer 1

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

p {
    color: red !important;
}

Answer 2

除非你键入你能想到的每一个 CSS 规则，在必要时使用 !important 来确保优先级，否则你真的不能覆盖你不能特别引用的样式。也许您可以选择 10 个最有问题的规则——颜色、边框、填充、边距等——然后简单地包括这些规则。

Answer 3

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