Css 为什么第一个分区中的flex grow会影响第三个分区？

我对

flex grow

属性的理解是，元素扩展以占用空间，而占用的空间由该属性的值决定

因此，如果我们有一个包含3个子div的flex容器，第一个包含

flex-grow:1

，第二个包含

flex-grow:2

，第三个包含

flex-grow:3

，现在我们有6个片段，因此第三个将占据50%的空间

为什么向第一个div添加flex grow值会影响第三个div

.cont{
显示器：flex；
弯曲方向：立柱；
柔性包装：包装；
高度：700px；
填充：10px；
}
.cont>div{
利润率：10px；
背景：浅绿色；
边框：1px纯黑；
flex:0300px；
}
.cont>div:n最后一个类型（1）{
弹性生长：5；
}
.cont>div:n个类型（2）{
柔性生长：1；
}
.cont>div:n类型（3）{
/*柔性生长：1*/
}

1.
2.
3.

小提琴中的“第一个”div是用“第n个类型的最后一个”而不是“第n个类型的最后一个”选择的，因此样式将应用于最后一个div。

很好的捕获谢谢，这让我发疯了，似乎编辑器自动完成了！！