关于Webkit开发者工具中暗淡的CSS属性

这几天在帮人改网页,用Chrome开发者工具调试的时候遇到了一个问题:

如图中所示,出现了灰白色的CSS属性,不能对其进行编辑.Google了一下也没有中文资料,改用英文关键字搜索找到了stackoverflow的这篇问答:http://stackoverflow.com/questions/3776535/web-element-inspector-safari-chrome-dimmed-css-properties.给最佳答案打useful的用户比较少,但却感觉挺有说服力的.

VirtualBlackFox指出在Webkit的inspector.css里有一段这样的CSS代码:

.styles-section .properties .implicit, .styles-section .properties .inherited {
    opacity: 0.5;
}

这段代码的效果是将元素检查器中的样式属性的透明度修改为50%,也就是在图片中我们看到的灰白色属性.

只有当样式满足.implicit或者.inherited时才会生效,”implicit”和”inherited”在英语里分别对应”隐式”和”继承”的意思,不过这两个词在Webkit中的含义我还是没有明白.在原文的解释中implicit是样式简写,inherited是显式继承,但这两种情况都没有在本文图中的CSS代码中出现,于是还是不明原因.

stackoverflow上的回答还有去掉文件BOM和修改MIME两种解决方法,页面不是我的,所以我也没尝试过.我怀疑是文档不规范所致的,或许用W3C的规范去检查一遍也能够解决这个问题.