質問
純粋なCSSでdivの子要素の順序を逆にするにはどうすればよいですか？
例えば：
私は以下のように並んでいるものを：
<div id="parent">
<div>A</div>
<div>B</div>
<div>C</div>
<div>D</div>
</div>を次のように表示したいです：
D
C
B
A回答
以下のCSSコードで簡単に順番を変更させることができます。
#parent {
display: flex;
flex-direction: column-reverse;
}
最終更新日: 2025-12-05