2017-04-16 87 views
1

我有一组未应用的样式。我习惯重写被删除的样式,但是我的样式显示为在页面加载时禁用了它们,并且样式未应用于任何设备。我也可以在firefox开发工具中启用它们,它们工作正常。加载时禁用了CSS样式(开发人员工具)

Screenshot of dev tools - I have not disabled the styles myself

我已经去JS的负载在这附近,所以我愿意接受,这就是为什么,但我不能够进一步追踪它的任何不理解发生了什么。我期望得到所有三种残疾人的风格工作(margin-bottom,box-shadow & border-radius)。

当然,任何帮助找出整个问题将不胜感激,但主要是我想了解开发工具给我的行为意味着什么。

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

回答

0

如果您将width: 200px属性划掉,说明很简单:内联样式属性将始终覆盖CSS属性。

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

+0

不,因为我把问题放在边缘底部,盒子阴影和边框半径,看起来像他们已被手动禁用。 – Lucent

+0

@Lucent OK我的不好,当你选择其中一个属性时,你在计算选项卡上看到了什么? – andreszs

+0

计算出的选项卡中有很多,但没有表示阴影和边框半径的符号。一些提到的利润率,但这并不奇怪,因为我知道有一些其他边际风格浮动。 – Lucent

0

即使您重写了内联样式(硬编码或脚本),相应的样式表属性也会包含一行代码。在FireBug中,假设这就是这样,带有该行的圆圈表示您手动禁用了它们。

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

+0

不幸的是,这正是我的想法,但行为就像我禁用,但我没有。我曾尝试过,重新开始一切,并再次确定。我不确定这是否有效,现在我写了这段代码。什么是SPA? – Lucent

+0

单页应用程序 –

+0

你试过删除并重新安装Firebug? Firebug关闭还是在其他浏览器中问题持续存在? –

0

Firebug/Firefox开发工具显示的css行被注释掉被禁用,并允许你像对待它们一样对待它们。

+0

这种情况最初只是由于一些不好的文件管理而无法解决 - 对那些试图帮助的人表示歉意。但一个有趣的萤火虫功能了解到。 – Lucent