注:这个答案没有确凿的证据,它是基于我一段时间以来的观察得出的.
默认情况下,灰色计算(computed)属性为neither,继承属性为nor.这仅发生在未为元素定义的属性上,但根据运行时布局渲染从其子元素或父元素计算的属性上.
以这个简单的页面为例,display
是默认的,font-size
是继承的:
<style>
div { font-size: 13px; }
</style>
<div>
<p>asdf</p>
</div>
在该特定示例中,height
是根据<p>
的子文本 node (字体大小加行高)计算的,width
是根据其父<div>
的宽度计算的,该宽度也是从其父<body>
计算的.
好吧,我又想了想,这是我的opinion based个答案.稍后我真的应该go 看看Chromium源代码:D
通过展开这些箭头,您可以在针对该元素定义的所有规则中(直接或由开发人员或浏览器继承)查看应用于该元素的实际规则:
在这里,您可以追溯到每个定义,甚至包括浏览器内置规则,并使用CSS级联(覆盖)机制进行判断.
因此,对于那些没有CSS定义的元素(没有直接定义的、没有继承的、没有内置浏览器的),您没有任何要跟踪的源.并且属性值完全是在运行时计算的.
如果选中Show all,则会显示更多灰色属性.这些也没有在任何地方定义.但与前面的截图不同的是,这些是not runtime calculated-它们是CSS规范的默认值.