css - Chrome 开发工具：识别被覆盖样式的来源

Question

在开发 Web 应用程序时，我在识别 CSS 样式覆盖的来源时遇到问题。基于对这个问题的回答：Chrome 开发人员工具：如何找出覆盖 CSS 规则的内容？，我尝试使用 Chrome 的集成开发工具识别计算样式的来源。

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

明确表示：

• 计算值为0px
• 计算值源自定义预期值的单一样式规则2px

很明显，0px!= 2px，那么这个计算值是从哪里来的呢？

标签： cssgoogle-chrome-devtools

Answer 1

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