order

定义项目在容器中的排列顺序，数值越小，排列越靠前，默认值为 0

css

.item {
    order: <integer>;
}

如果想要将某个元素提到最前面 , 所有元素的默认值为 0 , 为元素赋值一个负数 , 即可将元素提到最前面 ;

同理 , 如果想要将某个元素放到最后面 , 将元素的 order 属性设置一个正数 , 其它元素保持默认值 0 不变 , 则该元素就会自动放到末尾 ;

html

<style>
div span:nth-child(2) {
            order: -1;
        }
</style>
<body>
    <div>
        <span>1</span>
        <span>2</span>
        <span>3</span>
    </div>
</body>

order ​

order