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

Question

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

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

我的类名是唯一的，但如果用户为 div 设置了 css 规则，那么这并没有帮助

Answer 1

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

p {
    color: red !important;
}