<p>フレックスボックスを正しく使用する際にいくつかの問題があり、親要素と子要素のネストについて説明が必要です。 </p> <p>子要素が親要素の flex プロパティを継承することはわかっていますが、さらに子孫の要素 (例: "孫") はどうなりますか?この場合のフレックスボックスの正しい使い方は何ですか? </p> <p>つまり、子要素の子要素に適用するには、<code>display: flex</code> を子要素にも適用する必要があるのでしょうか?これは、最初の子要素の親要素の flex プロパティをオーバーライドしますか? </p> <p><br /></p> <pre class="brush:css;toolbar:false;">.parent-container { ディスプレイ: フレックス; フレックス: 1 0 100%; 背景色:黄色; } .child-container { フレックス: 1 1 50%; 背景色: 青; } .baby-of-child-container { フレックス: 1 1 50%; 背景色: 緑; }</pre> <pre class="brush:html;toolbar:false;"><div class='parent-container'> <div class='子コンテナ'> <div class='子コンテナの赤ちゃん'>子</div> <div class='子コンテナの赤ちゃん'>子</div> </div> <div class='子コンテナ'> <div class='子コンテナの赤ちゃん'>子</div> <div class='子コンテナの赤ちゃん'>子</div> </div> </div></pre> <p><br /></p>