关于css3中的order属性?

Question

在如下的演示中，为什么想让绿色div移动到末尾，设置的order是5而不是4？不是只有4个div吗，为什么设置成@keyframes mymove{50% {order:4;} }时，绿色div只能移动到第三个位置处？

@keyframes mymove
{
    50% {order:5;} 【可以移动到第四格】
}
---------------------------------------
@keyframes mymove
{
  50% {order:4;} 【只能移动到第三格】
} 

↓点击查看效果

https://jsfiddle.net/zq2pt9tq/

Answer 1

你动画设置order为4，因为你在元素上已经设置了粉div为4了，而且DOM元素的结构粉div在最后，当order相同时，写在前面的div会更靠前，因而绿色div不会运动到粉色div后面

Answer 2

你是不是想岔了，order又不是索引。
flex下order一样，当然是本来就在前面的在前面了。