我知道曾有人问过这个问题,但是在将其标记为重复之前,我想告诉您我的情况与在互联网上发现的情况有些不同。
我正在构建和嵌入脚本,人们可以将其放在自己的网站上。此脚本创建一个具有一定宽度/高度的div,并在其中包含一些信息。
我的问题是某些网站声明了div样式,这些样式也被我的div继承。
例如:
div{ background-color:red; }
因此,如果我没有为div设置任何背景色,即使我不想要它也将显示为红色。
我唯一能采用的解决方案是覆盖许多CSS属性,这样我的div将完全按照我的意愿显示。该解决方案的问题在于,有太多的CSS专有属性要覆盖,我希望我的脚本尽可能轻巧。
所以我的问题是您是否知道解决我问题的另一种方法。它可以在css / javascript / jQuery中。
谢谢
无法为特定元素“重置”样式,您将不得不覆盖所有不需要的样式。如果您直接使用CSS进行此操作,还是使用jquery来应用样式,则取决于您更轻松的方法(但是我不建议您使用javascript / jquery,因为它完全是不必要的)。
如果您的div是可以包含在其他网站中的某种“部件”,则可以尝试将其包装到iframe中。这将“重置”样式,因为其内容是另一个文档,但这可能会影响小部件的工作方式(或完全破坏它),因此在您的情况下可能无法实现。