html - 颠倒 div 的 child 的顺序

Question

如何使用纯 CSS 反转 div 子元素的顺序？

例如:

我要

<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/

Answer 1

现代的答案是

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