ユーザーが特定のサイトにアクセスするたびに、スクリプトをWebページの上部に挿入する拡張機能を構築しました。私は使用するスクリプトが注入されたときにCSSが乱される
document.body.insertBefore(wrapperDiv, document.body.firstChild)
これを行うには。
今問題：注入されたスクリプトのCSSが各サイトごとに混乱します（サイトごとに異なります）。
すべてのサイトで単一のCSS構造を維持する方法はありますか？
CSSでHTMLタグに固有のIDを使用することで、この問題を解決できるはずです。
つまり、あなたのDIV CSSプロパティがDIV CSSに干渉している場合は、DIVに#uniqueNameHere IDを追加し、#IDにCSSを設定します。
!importantキーワードの使用に関するこのページも便利です。あなたの要素のための
http://css-tricks.com/9462-when-using-important-is-the-right-choice/
使用ユニークなセレクタは（それ特定のプレフィックスまたは同様の構成IDを持つクラスも）、しかし、あなたはおそらく良いアイデアではないかもしれないあなたのスクリプト、一緒にCSSを含めるようにしてみてください。
場合によってはのインラインスタイリングが最適です。エレメントのすべてのスタイルを上書きし、これらのエレメントの見通しが異なるページ間で一貫していることを確認します。
だから、私は、インライン・スタイリングで行くと言います。スタイルはCSS 2.1に上書きされるか上のドキュメントについては
、以下のページを参照してください：http://www.w3.org/TR/CSS21/cascade.html#specificity
あなたの質問を編集し、詳細を入れてください。 – cvsguimaraes
Chromeのメカニズムを使用してCSSファイルを挿入する必要がありますか？これは、JavaScriptを使用する方がはるかに簡単なためです。 –