私は絶対配置されたdivとして、別のWebサイトにポップアップを注入しているウィジェットを持っています。どうすれば、外部CSSファイルなしでdivのすべての要素のすべてのCSSをリセットできますか？
ポップアップがすべて同じに見えるようにします。ただし、div内の段落やその他のhtml要素は、ホスティングサイトCSSによって影響を受けます。
divの要素のすべてのプロパティを効率的にリセットする方法はありますか？すべてのオプションと要素の種類を考慮する必要があります。
注：クリーンなjavascript/css/htmlソリューションが必要です.jQueryが利用可能であると仮定します。
あなたができることは、ウィジェットコンテンツにiframeを使用することです。 CSSだけを使って、継承したCSSスタイルをすべてリセットする方法はありません。
短いanwer：私の知る限り、いいえ。
長い答え：あなたは現在のドキュメントのスタイルは、あなたの絶対<div>配置内の要素に適用したくないので、おそらく最高ではなく<div>の<iframe>要素を使用することです。
このように、ポップアップ要素は独自のドキュメントで分離され、現在のドキュメントのスタイルから独立しています。 の文書には、必要に応じて別のdoctypeがある場合もあります。
JSでスタイル属性を任意に設定することはできますが、それは長いリストになります。かなり効率的ではなく、CSSはまったく逆の結果を得るように設計されています。あなたはまた、特定のIDのCSSセレクタを持つインラインスタイルのブロックを追加することもできますが、!importantというタグが付いていると思いますが、やはりそれほど美しいものではありません。
基本的に自分のページでない場合、あなたのコントロールは（正しく）幻想的です。
+1同様の質問がjQueryソリューションを必要としているにもかかわらず、以前に尋ねられました（http://stackoverflow.com/questions/2866992/using-jquery-to-disable-css-inheritance）。間近に近い投票から脱出する）。 –