我对使用 Chromium Developer 工具检查元素有点熟悉，并且颜色编码突出显示以将边距显示为橙色，填充为绿色，蓝色是元素本身。我正在努力了解一个我不熟悉的基于 React 的代码库，当我将鼠标悬停在一个组件上时，我看到了一个从左上角到右下角的对角线的紫色框，我不确定这是什么意思。我注意到的是，这些带有紫色阴影的元素往往包含在 Flexbox 中，我最好的猜测是它与 flex 间距有关，但我想问问周围是否有人知道这到底意味着什么。这是一个例子：
我对使用 Chromium Developer 工具检查元素有点熟悉，并且颜色编码突出显示以将边距显示为橙色，填充为绿色，蓝色是元素本身。我正在努力了解一个我不熟悉的基于 React 的代码库，当我将鼠标悬停在一个组件上时，我看到了一个从左上角到右下角的对角线的紫色框，我不确定这是什么意思。我注意到的是，这些带有紫色阴影的元素往往包含在 Flexbox 中，我最好的猜测是它与 flex 间距有关，但我想问问周围是否有人知道这到底意味着什么。这是一个例子：
