Google Chrome开发者工具没有显示检查过的元素样式？

Question

我正在使用谷歌浏览器开发工具来测试我的网站;

它适用于某些元素,但对于其他元素,它显示选择器但显示没有样式; 元素确实有样式,样式应用于元素.但检查员没有显示任何款式.

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

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

我也发现这个有点类似的bug ; 但不完全一样.我注意到的一件事是这个bug提供的用例和我的设置都使用了twitter-bootstrap.我正在使用.less版本的bootstrap,它包含bootstrap到单个css文件中作为copy> paste方法,所以我的css文件有3740行.这可能是问题的一部分吗？

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

---

点击放大

Answer 1

好的,所以我也发现了这个bug,看起来它与bug有更接近的匹配.
它说明了这一点

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

twitter-bootstrap的作用!所以如果你使用twitter bootstrap(或任何试图使用特定于供应商的伪类)的东西,看起来dev工具都会被破坏.afaik解决这个问题的唯一方法是等待开发人员解决这个bug.

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