如何在css中的flexbox中选择备用的有序子节点？

Question

：nth-​​child（单数）按源顺序选择备用元素，而不是根据flexbox顺序选择结果顺序。有没有办法选择产生的顺序呢？

jsfiddle说明了问题：div的源顺序是一个三二，我使用flexbox顺序重新排序为一个二三。我想制作一个和三个红色的背景。

<div style='display: flex' class='container'>
  <div style='order: 1'>one</div>
  <div style='order: 3'>three</div>
  <div style='order: 2'>two</div>
</div>

<style type='text/css'>.container>:nth-child(odd) { background-color: red; }</style>

https://jsfiddle.net/5Lxr08sr/