据我所知，flexbox css属性 order 是绝对的，即带有order: 0的flex容器中的最后一个元素会升到顶部。
我希望能够在Flex容器中宣传某些元素，这样他们就不会提升到确切的位置，而是通过许多元素，例如将元素移动到前一个元素之上。
澄清：
<div>A</div>
<div>B</div>
<div>C</div>
<div style="order: -1">This should go up by one, between B and C</div>
该风格当然会将最后一个元素移到顶部，而不是我想要的那个。
有没有办法用css来实现这个目标？
显然我在问不可能。由于我可能在某些时候需要这种排序，我只需要在javascript中创建一个可以动态更改子项订单属性的订购系统。我有点想通了，但现在还不够清楚地说出来。
我想值得一提的是，这是一个布局编辑器，它将导出普通的html和css。 Javascript只能在编辑器中使用，而不能在已发布的站点中使用。否则只需重新排序实际元素就足够了，但在某些时候，某些元素需要为不同的设备划分优先级。
我最终会用我提出的方法回答这个问题，但同时可以随意添加自己的建议并抓住接受答案的要点：）