Chrome 开发者工具中的橙色突出显示

Question

在 Chrome 开发者工具中查看元素时，将鼠标悬停在元素上时 HTML 元素通常以蓝色突出显示。

但有时也有橙色区域。 （见图）

橙色高亮是什么意思？有时它看起来像是父 HTML 元素的反映。但有时并非如此。就是这么武断，让我很不解。

Answer 1

颜色如下：

• 橙色是边距
• 黄色是边框
• 绿色是填充
• 蓝色是元素的宽度和高度

如果您忘记了，只需检查计算出的边栏以查看边框显示。