box-ordinal-group
非标准：此功能是非标准的，并且不在标准轨道上。请勿在面向 Web 的生产网站上使用它：它不会对每个用户都起作用。实现之间也可能存在很大的不兼容性，并且行为将来可能会发生变化。
已弃用：此功能不再推荐。尽管某些浏览器可能仍然支持它，但它可能已从相关的 Web 标准中删除，可能正在被删除，或者可能仅出于兼容性目的而保留。避免使用它，并尽可能更新现有代码；请参阅此页面底部的兼容性表，以指导您的决策。请注意，此功能可能随时停止工作。
警告：这是原始 CSS 弹性盒子布局模块草案的一个属性。它已在规范中被替换。有关当前标准的信息，请参阅弹性盒子。
box-ordinal-group CSS 属性将弹性盒子的子元素分配到一个序数组。
序数组可以与 box-direction 属性结合使用，以控制盒子的直接子元素出现的顺序。当计算出的 box-direction 为 normal 时，一个盒子将从编号最小的序数组开始显示其元素，并确保这些元素出现在容器的左侧（对于水平盒子）或顶部（对于垂直盒子）。具有相同序数组的元素按照它们在源文档树中出现的顺序流动。在反向方向上，按相同的顺序检查序数组，只是元素以相反的顺序显示。
语法
css
/* <integer> values */
box-ordinal-group: 1;
box-ordinal-group: 5;
/* Global values */
box-ordinal-group: inherit;
box-ordinal-group: initial;
box-ordinal-group: unset;
box-ordinal-group 属性被指定为任何正 <integer>。
正式定义
正式语法
box-ordinal-group = <integer>
示例
基本用法示例
在规范的旧版本中，包含 box-ordinal-group 以允许您更改弹性容器内弹性子元素的显示顺序
css
article:nth-child(1) {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
}
article:nth-child(2) {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
box-ordinal-group: 1;
}
现代 Flexbox 等效项是 order。
规范
不属于任何标准。
浏览器兼容性
BCD 表仅在启用 JavaScript 的浏览器中加载。