-->

谷歌Chrome开发者工具没有显示检查元素的样式?(Google Chrome Developer

2019-07-30 11:04发布

我使用的测试我的网站,谷歌Chrome开发者工具;

它工作正常的一些元素,但对其他人而言,是显示选择,但其显示为无样式; 元素确实有风格和样式应用于元素。 但检查显示没有风格。

如果我点击链接到CSS文件行对于检查我可以看到的样式那里。

我看到一个谷歌组话题,指出, 删除任何空的url()声明固定的bug。 但是我没有空的url()的声明。

我也发现了这个错误,这有点类似 ; 但不完全一样。 有一两件事我注意到的是,无论这个bug提供的用例和我的设置是使用Twitter的引导。 我使用的自举的.LESS版,其中包括引导到一个CSS文件的复制>粘贴方法,所以我的CSS文件中有3740行 。 难道这是问题的一部分?

的元素是不能深嵌套( body > div#container > inspected element )。
有不施加到元件(<= 10)样式过量。


点击放大

Answer 1:

好了,我也发现了这个bug藏汉看起来像它有一个更匹配的错误。
它指出,

DevTools休息的时候无法识别的伪类存在于CSS

这Twitter的引导呢! 所以看起来,如果你正在使用Twitter的引导(或任何试图使用特定供应商的伪类)的开发工具被打破。 AFAIK解决这个唯一的办法就是等待这个bug由开发商来解决。

如果有人可以发布一个修复为了这个,我会接受他们的答案!



文章来源: Google Chrome Developer tools not showing inspected elements styles?