我构建了一个扩展程序，每当用户访问某些特定网站时，我会在网页顶部注入我的脚本。我用了
document.body.insertBefore(wrapperDiv, document.body.firstChild)
这样做。
现在问题：注入脚本的CSS对每个站点都有混乱（从一个站点到另一个站点不同）。
我应该如何为所有网站维护单个css结构？
答案 0 :(得分：1)
您应该能够通过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/
答案 1 :(得分：1)
为元素使用唯一选择器（无论是具有特定前缀的类还是类似构造的ID），但您可能会尝试将CSS与脚本一起包含，这可能不是一个好主意。< / p>
在某些情况下，内联样式是最好的主意 - 它会覆盖元素的所有样式，并确保这些元素的展望在不同页面中保持一致。
所以，我会说，采用内联样式。
有关如何在CSS 2.1中覆盖样式的文档，请参阅以下页面：http://www.w3.org/TR/CSS21/cascade.html#specificity