小编典典

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

css

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

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

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

例如:

div{
    background-color:red;
}

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

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

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

谢谢


阅读 670

收藏
2020-05-16

共1个答案

小编典典

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

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

2020-05-16