在div元素内格式化元素而不影响继承的css

Question

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

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

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

我正在考虑的选项：

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

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

关于如何做的任何其他创意？

Answer 1

  

div中的元素具有内联   CSS，我只想要内联CSS   是有效的，而不是继承的CSS

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

AFAIK除非重写，否则您将无法删除继承的样式。

Answer 2

另一种选择（尽管实际的选择取决于你的网站）是有一个名为“resetCSS”的类或类似的类可以应用于类。您可以在选择器中使用此类，在此处可以为您使用的所有属性设置基值（例如边距，字体等）。

然后在使用中，您将该类应用于元素，并将每个标记重置为默认值，然后您可以使用CSS覆盖它们。

另一种选择是将所有当前CSS更改为在选择器中具有“样式化内容”类，以便只有专门标记的内容才会接收样式，以便不会将其应用于元素你不想拥有它。

可能如果你想让一个div拥有一个特定的样式，即使这是默认的，最好明确地给它那个样式。如果它正在使用默认值，你什么都不会丢失，如果它继承了其他东西，那么你将它设置为你想要的。依赖于默认样式可能会让你感到困惑，因为没有理由认为任何两个浏览器都应该具有相同的默认样式。