前言

前面已經說完Flex Container的主要屬性，接下來就要說說Flex Item，Flex Item 為 Flex Container 其內部的子元素，所以要來討論作用在它身上的主要屬性有什麼功能。

Flex Item 主要屬性:

order 屬性值

彈性項目的顯示與排列預設會以起源文件（source document）出現的順序顯示與排列一致，而彈性項目與彈性行的順序是由flex-direction決定，但有時候需要更複雜的安排，
所以order 屬性能夠在相同 flex container 或 grid container 內用來改變其單個彈性項目順序。

（注意：因為僅影響Flexbox以及Grid，若在未建立Flexbox以及Grid下使用此屬性將無效）

預設為 order: 0，代表所有彈性項目為同一群組，依原始碼中出現的順序沿著主軸方向顯示。

order 屬性會控制彈性項目在彈性容器內的顯示順序，方法是將彈性項目指派給用整數（integer）所定的序位組（ordinal groups）。
---<CSS Flexbox Layout Module Level 1 - 5.4>

order 屬性值指定了彈性項目所屬的序位組，頁面呈現給外界時，負值(如：order: -1)彈性項目會出現在 預設值 0 之前；而正值(如：order: 1)會出現在 預設值 0 之後，最後彈性容器以順序修改的文件順序來視覺上呈現其彈性項目，從編號最低的序位組開始，然後向上排列，而具有相同序位組的項目會依照起源文件順序佈局。
雖然在視覺上的順序不同，但在原始碼中仍然維持相同順序。

要注意的是，order 屬性僅用於影響元素的視覺順序，而不是其邏輯或定位順序，因此不得用於語音等非視覺媒體（non-visual media）。

參考資料

CSS Flexible Box Layout Module Level 1 - 5.4

Mdn : order

W3school - CSS order Property