css - Google Chrome 开发者工具不显示检查的元素样式？

Question

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

对于某些元素它工作正常，但是对于其他元素它显示选择器但显示为没有样式；元素确实有样式，并且样式应用于元素。但是检查器没有显示任何样式。

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

我看到一个 google 群组主题，上面写着 removing any empty url() declarations修复了错误。但是我没有空的 url() 声明。

我还找到了this bug which is somewhat similar ;但不完全一样。我确实注意到的一件事是，这个错误提供的用例和我的设置都在使用 twitter-bootstrap。我正在使用 .less 版本的 bootstrap，它以复制 > 粘贴的方式将 bootstrap 包含到单个 css 文件中，因此我的 css 文件有 3740 行。这可能是问题的一部分吗？

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

---

Click to enlarge

Answer 1

好的，所以我也找到了this bug aswell看起来它与错误的匹配度更高。
它指出

DevTools break when an unrecognised pseudo-class is present in CSS

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

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