从元素中删除/重置继承的CSS

我知道曾有人问过这个问题，但是在将其标记为重复之前，我想告诉您我的情况与在互联网上发现的情况有些不同。

我正在构建和嵌入脚本，人们可以将其放在自己的网站上。此脚本创建一个具有一定宽度/高度的div，并在其中包含一些信息。

我的问题是某些网站声明了div样式，这些样式也被我的div继承。

例如：

div{
    background-color:red;
}

因此，如果我没有为div设置任何背景色，即使我不想要它也将显示为红色。

我唯一能采用的解决方案是覆盖许多CSS属性，这样我的div将完全按照我的意愿显示。该解决方案的问题在于，有太多的CSS专有属性要覆盖，我希望我的脚本尽可能轻巧。

所以我的问题是您是否知道解决我问题的另一种方法。它可以在css / javascript / jQuery中。

谢谢

无法为特定元素“重置”样式，您将不得不覆盖所有不需要的样式。如果您直接使用CSS进行此操作，还是使用jquery来应用样式，则取决于您更轻松的方法（但是我不建议您使用javascript

/ jquery，因为它完全是不必要的）。

如果您的div是可以包含在其他网站中的某种“部件”，则可以尝试将其包装到iframe中。这将“重置”样式，因为其内容是另一个文档，但这可能会影响小部件的工作方式（或完全破坏它），因此在您的情况下可能无法实现。