css - 子要素の CSS 継承を防ぐ

Question

CMS の構築 CKeditor を使用して TEXTAREA のコンテンツを編集しています。

CMS でページを読み込むと、コンテンツが DIV (プレビュー) に表示されます。CMS ツールバーの [編集] をクリックすると、コンテンツが CKEditor の IFRAME に読み込まれ、編集できるようになります。

DIV (プレビュー) と CKeditor の両方がコンテンツに同じ CSS を使用しています。

DIV のコンテンツは、もちろん CMS 自体の CSS によって影響を受けるため、その動作を防止したいと考えています。

私が知っている唯一の方法は、DIV の代わりに iframe を使用することです。

私はこれを機能させることができますが、他のプラクティスがあるかどうか知りたいです。

Answer 1

<iframe>（あなたが言うように）または他のページインクルージョンメソッドを使用せずにカスケードから要素を取り出す方法はありません（<frameset>そして<object>頭に浮かびます）。

もちろん、プレビュー用に多数のオーバーライドを使用して CSS を作成することもできますが、それは複雑で壊れやすいものです。

<iframe>ルートをたどることをお勧めします。失敗する可能性は最も低くなります。