スタティックサイトhtmlとユーザー生成HTMLコンテンツにスタイルを適用する

私たちは、私たちのサイトのいくつかの再設計を行うために、Twitterのブートストラップを使用しています。スタティックサイトhtmlとユーザー生成HTMLコンテンツにスタイルを適用する

私たちが問題になっているのは、私たちが再設計しているサイトの一部は、ユーザーが独自のスタイルを定義したhtmlタグ.egなどを含む自分自身を入力できるコンテンツを表示しているということです。

この問題は、ブートストラップスタイルシートがユーザースタイルシートを上書きする、またはその逆になることが問題です。

スタイルシートを特定のクラスにスコープする方法はありますか（つまり、twitterスタイルシートはclass = "twitter"などのdiv内の要素にのみ適用されます）、ユーザースタイルシートに影響を与えずにより具体的なセレクタを含むようにする。

私たちはiframeの使用を検討しましたが、ユーザーコンテンツをかなり簡単に送受信できるようにするためには、ユーザーコンテンツを適切に制御する必要があります。ページの残りの部分で物事を引き起こすajaxメソッド

cssには「スコープ」がありません。指定したセレクターチェーンのみです。スタイルシートの部分をカプセル化して、 "この部分はこのページのセクションXのみに適用されます"と言うことはできません。そのXセクション内でのみ適用する必要があるすべてのルールで 'x * {...}'を実行します。 –

iframeを使用する方法があります。
ここでは、それと通信してコンテンツにアクセスする方法の例を示します。

iframeの内容は次のように親に関数を呼び出すことができます。

parent.yourFunction()

親を次のようにiframe内の関数を呼び出すことができます。

document.getElementById('iframeid').contentWindow.yourFunction();

親をインラインフレームのHTMLにアクセスすることができますこのように：

document.getElementById('iframeid').innerHTML() = "<html><body><div>some content</div></body></html>";

あなたが望んでいたものではありませんが、それはCSSだけを持つ唯一の方法ですページの一部に適用されます。

2012-01-16 04:44:59 vdbuilder

これは、あなたが/ iframeからそのようなから呼び出すことができる知っていない、これを与えるだろう –

喜んで助けてください。 iframeと親が同じドメインに存在する必要があることにも注意してください。：） – vdbuilder

答えて