---
id: 587d78ae367417b2b2512aff
title: Use the order Property to Rearrange Items
challengeType: 0
videoUrl: ''
localeTitle: 使用order属性重新排列项目
---
## Description
order
属性用于告诉CSS Flex项目在Flex容器中的显示顺序。默认情况下,项目将以与源HTML相同的顺序显示。该属性将数字作为值,可以使用负数。
## Instructions
将CSS属性order
添加到#box-1
和#box-2
。给#box-1
一个值2,给#box-2
一个值1。
## Tests
```yml
tests:
- text: '#box-1
元素的order
属性应设置为值2。'
testString: 'assert($("#box-1").css("order") == "2", "The #box-1
element should have the order
property set to a value of 2.");'
- text: '#box-2
元素应该将order
属性设置为值1。'
testString: 'assert($("#box-2").css("order") == "1", "The #box-2
element should have the order
property set to a value of 1.");'
```
## Challenge Seed
## Solution
```js
// solution required
```