Question

是否有一个页面块忽略所有当前的CSS规则和样式表，iframe中的内容忽略了父级的样式规则？

这方面的背景是我有一个模板编辑器，其中用户可以实时预览他们正在进行的编辑。管理页面的样式与模板的样式冲突。改变其中任何一种的风格以容纳另一种都不是一种选择。

目前，我通过在iframe中加载模板来完成这项工作，但如果它是一个选项，我想直接将其加载到页面上。

请记住，不改变我的风格，任何解决方案（或正确方向的步骤）的单一约束将非常感激。

Answer 1

为div创建样式，然后对该div的子元素的所有元素应用重置。这里有一个重置脚本：

http://meyerweb.com/eric/tools/css/reset/

重置中的所有样式都需要将该类作为父类，如下所示：

.editor-reset html, .editor-reset body, etc {
    /* resets in here */
}

编辑：另外，使用LESS http://lesscss.org/可以轻松实现这一点，因为您可以使用css继承来构建父样式和重置样式之间的父/子关系。

此外，您可能需要使用！important来覆盖某些样式。