4

簡単な「HTML5」の方法は次のとおりです。

<iframe srcdoc="<p>Hello world!</p>"></iframe>

詳細はこちら: http://www.w3schools.com/html5/att_iframe_srcdoc.asp

ただし、これは最新のブラウザではサポートされていません。これを機能させる別の方法に関する提案はありますか?

[編集] わかりにくくてすみません。私の目標は、ページのフレーム (または他の要素) で独自の css を使用してサード パーティの Web サイトを開くことです。私は自分のコンテンツを管理する独自の CSS を持っていますが、サード パーティのサイトも独自の CSS で正しくレンダリングし、2 つのサイトが互いに干渉しないようにしたいと考えています。

4

1 に答える 1

3

あなたの理解が正しければ、「分離」とは、スタイルのサブセットを特定のページの一部のコンテンツにのみ適用するように制限することを指します。

実際には適用された css の適用範囲を制限することになりますが、それがサードパーティのコンテンツを統合する唯一の方法である場合を除き、私は通常、iframe(より準拠した) の使用を避けます。<object>

親セレクターは、ルールの「疑似名前空間」として効果的に機能し、達成しようとしていることに適している可能性があります。

<p>Hello world!</p>
<p>Some great content here!</p>
<div id="isolated-content"><p>Hello world styled differently!</p></div>

と

p {color:black;}
#isolated-content p {color:red;}

2 番目の「Hello world」段落にのみ赤色を適用します。

当然ながら、すべての通常の CSS メカニズム (継承、カスケードなど) が引き続き適用されるため、それに応じてルールをオーバーライドする必要がある場合があります。特定のシナリオの詳細を提供しない限り、これが私が提供できる最も詳細な情報です。

于 2012-05-22T06:37:36.683 に答える