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

Question

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

我有一大堆JS围绕这个区域进行，所以我愿意接受这就是为什么，但是如果不了解正在发生的事情，我无法进一步追踪它。 我希望所有三种禁用的样式都能正常工作（ margin-bottom ， box-shadow和border-radius ）。

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

如果它真的有帮助我会分享网站地址。

Answer 1

如果您引用width: 200px属性被划掉，则解释非常简单： 内联样式属性将始终覆盖CSS属性。

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

Answer 2

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

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

Answer 3

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