CSS顛倒兩個元素的顯示順序

HTML：

<div id="container">
    <div id="child1">...</div>
    <div is="child2">...</div>
</div>

 

CSS：

#container{
  display: flex;    
  flex-flow: column;
}

#child1{
  order: 2;
}

#child2{
  order: 1;    
}