我在正确使用flexbox时遇到问题，想澄清一下嵌套父元素和子元素的工作方式。

我知道孩子继承了父母的弹性。但是，如果您需要为孩子的孩子（孩子）抚养孩子，这会被覆盖吗？flexbox的正确用法是什么？

我什么时候都适用display: flex于孩子 的 孩子（婴儿）的缘故，或将是覆盖孩子的父母柔性？

.parent-container {

  display: flex;

  flex: 1 0 100%;

  background-color:yellow;

}

.child-container {

  flex: 1 1 50%

  background-color: blue;

}

.baby-of-child-container {

  flex: 1 1 50%;

  background-color: green;

}


<div class='parent-container'>

  <div class='child-container'>

    <div class='baby-of-child-container'>child</div>

    <div class='baby-of-child-container'>child</div>

  </div>

  <div class='child-container'>

    <div class='baby-of-child-container'>child</div>

    <div class='baby-of-child-container'>child</div>

  </div>

</div>