Chrome Extension - CSS vermasselt auf bestimmten Seiten

Question

Ich schreibe eine Chrome Extension, die ein DIV auf einer vorhandenen Seite einfügt. Ich habe meinem DIV den eindeutigen ID-Namen "juxiSidebar" gegeben. Außerdem enthalten alle IDs und Klassen, die ich in die Seite einfüge, das Präfix "juxi". Das Problem ist, dass manchmal, wenn ich bestimmte Seiten besuche, meine CSS-Formatierung durcheinander gerät, und ich bin mir nicht sicher, warum dies geschieht. Wenn ich auf der Seite nach IDs/Klassen suche, die mit 'juxi' beginnen, sehe ich nur meine eigenen Tags. Hier

ist ein Ausschnitt aus wie ich meine Knoten bin Einfügen:

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

Answer 1

Nicht nur ID und Klassen-Selektoren den Stil Ihres Element beeinflussen können, sondern auch andere Selektoren, wie div, body > div usw. Stellen Sie sicher, dass alle relevanten Stile für Ihr Element festgelegt sind.