加载时禁用CSS样式（开发人员工具）

Question

我有一组未应用的样式。我习惯于覆盖被划掉的样式，但我的样式显示好像我在页面加载时禁用了它们，并且样式不适用于任何设备。我也可以在firefox开发工具中启用它们，它们工作正常。

我有一大堆JS围绕这个区域进行，所以我愿意接受这就是为什么，但是如果不了解正在发生的事情我就无法进一步追踪它。我希望让所有三种已停用的广告代码都有效（margin-bottom，box-shadow＆amp; border-radius）。

当然，任何有助于解决整个问题的帮助都会受到赞赏，但主要是我想了解开发工具给我的行为意味着什么。

如果确实有帮助我会分享网站地址。

Answer 1

如果您引用被删除的width: 200px属性，则说明非常简单：内联样式属性将始终覆盖CSS属性。

您在右侧element{}下看到的CSS属性是您的style属性应用的属性（嵌入在HTML中或由Javascript设置）。除非您从width属性中删除style，否则您的CSS width将永远不会被应用。

Answer 2

即使您重写内联样式（硬编码或使用脚本），相应的样式表属性也会有一行。在FireBug中，假设是这样，带有线的圆圈表示您手动禁用它们。

这可能太明显了，但我不得不问，这是SPA吗？你进行了硬刷新吗？你有没有关闭FireBug，清除缓存并再试一次？

Answer 3

Firebug / Firefox开发工具显示被注释为禁用的css行，并允许您将它们视为已禁用它们。