Fatal编程技术网
  • css/
  • 当脚本被注入时，CSS会变得混乱

当脚本被注入时，CSS会变得混乱

css google-chrome-extension

当脚本被注入时，CSS会变得混乱,css,google-chrome-extension,Css,Google Chrome Extension,我构建了一个扩展，每当用户访问某些特定站点时，我都会将脚本插入这些网页的顶部。我曾经 document.body.insertBefore(wrapperDiv, document.body.firstChild) 这样做 现在的问题是：注入脚本的CSS对于每个站点都会弄乱（每个站点都不同） 我应该如何为所有站点维护单一的css结构？您应该能够通过为带有css的html标记使用唯一的ID来解决这个问题 也就是说，如果您的DIV CSS属性干扰了它们的DIV CSS，请向您的DIV添加一个#un

我构建了一个扩展，每当用户访问某些特定站点时，我都会将脚本插入这些网页的顶部。我曾经

document.body.insertBefore(wrapperDiv, document.body.firstChild)
这样做

现在的问题是：注入脚本的CSS对于每个站点都会弄乱（每个站点都不同）

我应该如何为所有站点维护单一的css结构？

您应该能够通过为带有css的html标记使用唯一的ID来解决这个问题

也就是说，如果您的DIV CSS属性干扰了它们的DIV CSS，请向您的DIV添加一个#uniqueNameHere ID，并为#ID设置CSS

本页介绍如何使用
！重要信息
关键字也可能有用

对元素使用唯一选择器（可以是具有特定前缀的类或类似构造的ID），但您可能会尝试在脚本中包含CSS，这可能不是一个好主意

在某些情况下，内联样式是最好的主意-它将覆盖元素的所有样式，并确保这些元素的外观在不同页面上保持一致

所以，我会说，使用内联样式

有关CSS 2.1中如何覆盖样式的文档，请参见以下页面：

请编辑您的问题并提供更多详细信息。是否必须使用Chrome的机制插入CSS文件？因为使用JavaScript会简单得多。