我创建了一个浏览器扩展，将DOM元素直接插入到页面中，我想阻止它们被页面中已有的任何继承的CSS设置样式。此刻，我将我的css电话添加到头部以引入我自己的风格。到目前为止，我的计划是使用模糊的类/ id名称并创建非常具体的规则。在某些情况下，我必须使用！important。我觉得我正在把我的道德抛出门外！
有关如何有效阻止继承样式，并允许浏览器有效渲染代码的任何想法？
有关如何使用iframe执行此操作的任何想法？我在后端运行PHP。
答案 0 :(得分：0)
您无法阻止级联样式表的级联位，但您可以定义所有样式，以便没有任何内容可以继承。
快速执行此操作的方法是根据您的需要设置样式，然后使用webkit的开发人员工具（或firebug）查看元素的计算样式。
然后，您可以将所有计算的样式复制到样式表中。确保使用唯一ID，以便它们不会与页面上的任何内容重叠，并且样式将非常具体。添加!important ...正如我所说的那样... 以防止某些奇怪的特定样式表重叠，并确保在HEAD结尾添加样式表调用或将其插入身体末端的样式块，以确保它不会被覆盖。