我正在开发 CMS。它的功能之一是在所见即所得编辑器中编辑显示为单独页面的 HTML“ block ”。
我在 CMS 中有一个区域可以预览这些 block 。
block 依赖于加载到所见即所得编辑器中的“foundation.css”文件。它做了一些小的重置，定义了默认字体和文本颜色，总体上非常简单。
显然，CMS 带有大量 CSS 语句，其中许多会影响常规设置，如字体大小、系列、颜色、行高、填充等。
当然，当我尝试在 CMS 页面中显示 HTML block 时，它看起来与仅使用 foundation.css 样式表显示时不同。
谁能想出一种方法来从所有以前的样式定义中清除 HTML 页面中定义的区域(比如 DIV)？我不能。
显示 block 和嵌入 foundation.css 的 Iframe 会有所帮助，但我担心用户的工作流程必须呈现 5-10 个 IFrame，然后在加载后通过 JS 调整高度。呸。
我考虑过将所有其他 CSS“提升”到一个子类(即调整 CMS 的 CSS)，但这会涉及到很多文件，有些可能是 PHP 源代码，我会而不是那样做。
我认为这没有解决方案，但你永远不知道。
最佳答案
有CSS Reset可用的样式表；也许你可以修改那些？
关于html - 为页面的某个区域重置 CSS？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1731555/