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

时间:2012-07-17 10:24:57

标签: css google-chrome google-chrome-devtools web-inspector

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

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

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

我看到一个谷歌小组主题,声明removing any empty url() declarations修复了该错误。但是我没有空url()声明。

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

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

<小时/> Click to enlargeDev Tools Example

1 个答案:

答案 0 :(得分:6)

好的,所以我还发现this bug aswell看起来更接近于虫子 它说明了

  

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

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

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