CSS 规则未显示在开发人员工具中

Question

我的一个 CSS 规则根本没有出现在 ie8 的开发人员工具中(它在普通浏览器中工作正常)。甚至没有删除线。

我通过浏览器查看了CSS文件，规则确实存在

这里可能发生了什么以及如何解决这个问题？

为什么我不完全放弃对 ie8 的支持？

只为那些想知道的人:

我最近为荷兰政府工作，他们仍在使用 Windows XP。他们最近向微软支付了费用，要求将支持再延长一年左右。他们将自己的计算机锁定以防止安装任何东西(Firefox、Google Chrome)，因此他们基本上强制员工使用 ie8。

正如我们所说，我网站的所有访问中约有 6% 来自 ie8。我的猜测是，其中许多是不由自主地在 ie8 上。放弃支持会困扰他们，但实际上不会帮助他们升级到合适的浏览器。

Answer 1

IE8 可能无法解析 url(...)no-repeat，两个值之间没有空格分隔。查看是否在此处添加空格可以解决问题。

任何规范都不清楚如果没有空格就代表有效的 CSS；尽管 Jigsaw W3C CSS 验证器说它是有效的，但我并不真的相信它。这可能是有效的，因为根据语法，url(...) 和 no-repeat 必须是两个单独的标记，但同样，规范并没有非常清楚地说明这一点在散文中，所以我不能肯定地说。

我强烈建议在任何情况下都使用空格分隔速记值。