Javascript 在不受继承css影响的情况下格式化div元素内的元素

我在随机网站上显示一个弹出窗口作为一个固定的div

我需要div的内容不受其所在页面格式的影响。div中的元素具有内联CSS，我只希望内联CSS有效，而不是继承CSS

一种方法是使用iframe。我在寻找其他方法

我正在考虑的选择：

一个小的javascript代码，它将在所有元素上运行并重置继承的css。 可能吗？我可以告诉跨浏览器，属性不是由内联css创建的吗

Javascript代码将一组属性重置为div中的所有元素（例如所有填充、边距等），但仍然保留内联css中的样式属性

还有其他创意吗

div中的元素具有inline属性 CSS，我只希望内联CSS 要有效，不要继承CSS

这是默认行为。内联CSS具有最高优先级

如果不重写继承的样式，您将无法删除这些样式

div中的元素具有inline属性 CSS，我只希望内联CSS 要有效，不要继承CSS

这是默认行为。内联CSS具有最高优先级

如果不覆盖继承的样式，您将无法删除这些样式。

另一个选项（尽管是否实用取决于您的站点）是使用一个名为“resetCSS”的类你可以在选择器中使用这个类，在这里你可以为你使用的所有属性（如边距、字体等）设置基值

然后在使用中，您将该类应用于一个元素，这将把EverythSign重置为默认值，然后您可以使用CSS覆盖该值

另一种选择是更改所有当前CSS，使其在选择器中具有一个“样式化内容”类，以便只有经过专门标记的内容才会接收样式化，这样就不会将样式化应用于您不想要的元素

也许如果你想让一个div有一个特定的样式，即使这是默认的，最好是明确地给它这个样式。如果它使用默认的样式，你就不会失去任何东西，如果它继承了其他的东西，那么你就把它设为你想要的样式。依赖默认样式可能会让你吃亏，因为没有理由这样做任何两个浏览器都应该有相同的默认样式。

另一个选项（尽管是否实用取决于您的站点）是有一个名为“resetCSS”的类或类似的类，可以应用于一个类。您可以在选择器中使用该类，在这里可以为您使用的所有属性设置基值（如页边空白、字体等）

然后在使用中，您将该类应用于一个元素，这将把EverythSign重置为默认值，然后您可以使用CSS覆盖该值

另一种选择是更改所有当前CSS，使其在选择器中具有一个“样式化内容”类，以便只有经过专门标记的内容才会接收样式化，这样就不会将样式化应用于您不想要的元素

---

也许如果你想让一个div有一个特定的样式，即使这是默认的，最好是明确地给它这个样式。如果它使用默认的样式，你就不会失去任何东西，如果它继承了其他的东西，那么你就把它设为你想要的样式。依赖默认样式可能会让你吃亏，因为没有理由这样做在任何两个浏览器上都应该有相同的默认样式。

是，但是我没有内联设置的属性会得到继承的值（我想要避免）是，但是我没有内联设置的属性会得到继承的值（我想要避免）