クロムエクステンション - 特定のページでCSSが壊れる

Question

私は、既存のページの上にDIVを挿入するChrome拡張機能を作成しています。私は私のDIVに別個のID名「juxiSidebar」を与えました。さらに、ページに挿入するすべてのIDとクラスには接頭辞「juxi」が含まれています。問題は、特定のページにアクセスすると、CSSのフォーマットがうまくできないことがあります。なぜこのようなことが起こっているのかわかりません。 「juxi」で始まるID /クラスのページを検索すると、自分のタグが表示されます。

var sidebar = document.createElement('div'); 
sidebar.id = "juxiSidebar"; 
document.body.appendChild(sidebar); 

Answer 1

だけでなく、IDやクラスセレクタが他のセレクタをあなたの要素のスタイルに影響を与えることができますが、のようなdiv、body > divなど：ここ

は、私は私のノードを挿入していますかの抜粋です

すべてあなたの要素の関連スタイルが設定されていることを確認してください。