flexbox工作（真的）只适用于直接孩子吗？

Question

我不明白为什么通常只对直接孩子工作的flexbox容器可以在这种结构上工作：

<div class="flex-container">
    <div class="row"> 
        <div class="flex-item">1</div>
        <div class="flex-item">2</div>
        <div class="flex-item">3</div>
        <div class="flex-item">4</div>
    </div>
</div>

取自主题stackoverflow。 flex容器的直接子节点是div.row，那么它如何在div.flex-items上工作？