8

我正在使用 google chrome 开发者工具来测试我的网站;

它对某些元素工作正常,但对于其他元素,它显示选择器但显示它没有样式;该元素确实具有样式,并且样式应用于该元素。但检查员没有显示任何样式。

如果我单击该检查器的 css 文件行的链接,我可以在那里看到样式。

我看到一个谷歌小组主题,指出删除任何空url()声明修复了该错误。但是我没有空的url()声明。

我还发现了这个有点相似的错误;但不完全相同。我确实注意到的一件事是这个错误提供的用例和我的设置都使用了 twitter-bootstrap。我正在使用 .less 版本的引导程序,其中包括引导程序到单个 css 文件中作为复制 > 粘贴方法,所以我的 css 文件有3740 行。这可能是问题的一部分吗?

元素没有深度嵌套 ( body > div#container > inspected element)。
没有过多的样式应用于元素(<= 10)。


点击放大开发工具示例

4

1 回答 1

6

好的,所以我也发现了这个错误,看起来它与错误更匹配。
它指出

当 CSS 中存在无法识别的伪类时,DevTools 会中断

twitter-bootstrap 可以做到的!因此,如果您使用 twitter 引导程序(或任何尝试使用特定于供应商的伪类),那么开发工具似乎已损坏。afaik 解决此问题的唯一方法是等待开发人员解决此错误。

如果有人可以为此发布修复程序,我会接受他们的回答!

于 2012-07-17T10:59:35.193 回答