css – 谷歌Chrome开发者工具没有显示被检查的元素样式？

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

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

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

我看到一个谷歌小组的话题,说removing any empty url() declarations修复了这个bug.但是我没有空的url()声明.

我也找到了this bug which is somewhat similar;但不完全一样.我注意到的一件事是,这个bug提供的用例和我的设置都使用了twitter-bootstrap.我正在使用.less版本的bootstrap,其中包含bootstrap到单个css文件中作为副本>粘贴方法,所以我的css文件有3740行.这可能是问题的一部分吗？

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

解决方法

好的,所以我也找到了 this bug aswell,看起来它与bug有更接近的匹配.
它说明了这一点

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

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

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

原文地址：https://www.jb51.cc/css/215791.html