2

私はページのCSSをいくつか持っています。文字列の形式の html コードのブロックがあり、それを単にページに書き込んでいます。

問題は、html 文字列に独自の css が含まれており、ページの css をオーバーライドすることです。そのcssを、ページ全体ではなく、文字列変数にあるhtmlにのみ適用する必要があります。

どうすればこれを達成できますか？Iframe を使用できることはわかっていますが、「source」属性が必要です。私が持っている html は別のページではなく、単純な文字列です。

4

1 に答える 1

1

HTML 文字列のスニペットがおそらく役立つでしょうが、問題を正しく理解していれば、新しい CSS がページ全体に影響を与えるのを防ぐ方法はありません。しかし、HTML 文字列を好きなように変更できる場合は、スタイルを正しく設定するだけで済みます。

あなたの文字列が次のようなものだとしましょう

<style type="text/css">
    h1 {color:red;}
    p {color:blue;}
</style>
<div>Some HTML inside</div>

次に、次のようにdivのクラスと CSS を適宜変更する必要があります。

<style type="text/css">
    .myclass h1 {color:red;}
    .myclass p {color:blue;}
</style>
<div class="myclass">Some HTML inside</div>

このように、新しい CSS は新しいコンテンツにのみ影響します。

于 2012-12-20T13:52:39.527 に答える