'flex-order'究竟意味着什么？

Question

Angular Material声明：

  

将flex-order指令添加到布局子项以在布局容器中设置其订单位置。接受-20到20之间的任何整数值。

flex-order属性实际上做了什么？上面的陈述使我感到困惑，他们给出的例子也不是很清楚。这有点与我们在CSS中的z-index属性有关吗？

对演示的精心解释将不胜感激！

Answer 1

它只定义元素的顺序（从左到右，从上到下）。这是一个简单的例子 - CodePen。 与sudo 相关。

标记

z-index

我们可以看到，当屏幕尺寸低于或高于宽度960px时，元素的顺序会发生变化。

来自docs：