css中order属性的介绍

1、order可以改变一个flex子项的排序位置。

2、order属性用于提供有关弹性容器中其他弹性项目的每个弹性项目的顺序。 如果商品不灵活，那么order属性将毫无用处。

css order 实例

.box{
    width: 100px;
    height: 100px;
}
.div{
    display: flex;
}
.bg0{
    background: #111;
}
.bg1{
    background: #444;
}
.bg2{
    background: #777;
}
.bg3{
    background: #999;
}
 .o1{
    order:-1;
}
.o2{
    order:0;
}
.o3{
    order:1;
}
.o4{
    order:2;
}