☰

要素の子の順序を逆にするにはどうすればいいですか? 質問する

tag-icon • tag-icon html css
要素の子の順序を逆にするにはどうすればいいですか? 質問する

div純粋な CSS で の子の順序を逆にするにはどうすればよいですか?

例えば：

欲しい

<div id="parent">
    <div>A</div>
    <div>B</div>
    <div>C</div>
    <div>D</div>
</div>

次のように表示されます:

D
C
B
A

JSfiddle にデモを作成しました:http://jsfiddle.net/E7cVs/2/

ベストアンサー1

現代の答えは

#parent {
  display: flex;
  flex-direction: column-reverse;
}

おすすめ記事