Chrome开发人员工具：确定替代样式的来源

Question

在开发Web应用程序时，我遇到了识别CSS样式替代来源的问题。基于对这个问题的答案：Chrome Developer Tools: How to find out what is overriding a CSS rule?，我尝试使用Chrome的集成开发工具来确定计算样式的来源。

我期望border-left-width属性为2px，如page_not_found类规则中明确定义的那样。计算的样式对话框显示以下内容：

清楚表明：

• 计算出的值为0px
• 计算值来自定义了2px的预期值的单个样式规则

很明显，0px！= 2px，所以这个计算值从哪里来？

Answer 1

我已经确定了问题。 border的规则未设置border-style，因此Chrome将宽度重新计算为0px，但没有表明这是计算样式对话框中的原因。