css - 防止子元素上的css继承

Question

构建我的 CMS 我正在使用 CKeditor 来编辑 TEXTAREA 的内容。

在 CMS 中加载页面时，内容显示在 DIV（预览）中。在 CMS 工具栏中单击“编辑”后，内容将加载到 CKEditor 的 IFRAME 中，因此可以对其进行编辑。

DIV（预览版）和 CKeditor 都对内容使用相同的 CSS。

DIV 中的内容受 CMS 本身的 CSS 影响，我喜欢防止这种行为。

我知道的唯一方法是使用 iframe 而不是 DIV。

我可以让它工作，但我很好奇是否还有其他做法。

Answer 1

如果不使用（如您所说）使用<iframe>或其他页面包含方法（<frameset>并且<object>想到），就无法将元素从级联中取出。

当然，你可以为你的预览编写一堆覆盖的 CSS，但这既复杂又脆弱。

我建议沿着这<iframe>条路线走：它出错的可能性最小。