htmlドキュメントを読み込むiframeにページのCSSが影響を与えないようにするにはどうすればいいですか？

Question

私は、読み込まれると少し変化するiframeを持っています。何らかのリセットや、私が適用する必要があるものはありますか？どのページを読み込んでも、iframeのコンテンツを同じに見えるようにするにはどうすればよいですか？ :not(iframe)

と

Answer 1

プレフィックスあなたのスタイルだからあなたCSS definition sが次のようになります。

:not(iframe) body div { margin:0 auto; } /* only applies styles to div's */ 
             /* inside body and not inside an */ 
             /* iframe */ 

Answer 2

あなたは真空中でiFrameをロードすることはできません。スタイルシートが適用されるコンテキストに入ると、それはページ上の他のすべてと一緒に正しく実行されます。しかし、幸いにもそれに応じてスタイルシートを作成するだけです。

一つのアプローチは、このような#myiframeとしてだけでのiFrameのコンテナにIDを専用にすること、そしてあなたが適用たいすべてのスタイルと徹底的かつ具体的になります。この要素との競合を避けるためにスタイルシートを設計し、ピンチに陥り、継承されたスタイルをオーバーライドするためにサブプロパティが必要な場合は、!important宣言を使用します。それは他の何よりも慎重なデザインになり、カスケーディングスタイルシートがどのように機能するかについての健全な感謝をもたらします。

Answer 3

あなたがサブドメインを持っていて、iframe内に、それはCSSを停止することを置く場合、私は思います。

//from my.com 
<iframe src="subdomain.my.com"></iframe>