①HTML reversed属性:在HTML中,ol元素支持名为reversed的属性,可以在不改变DOM排序的同时,只让前面的序号倒序;
②direction与水平倒排:其作用是设置内联元素或者grid布局中的子元素的水平流向,可以基于这个特性让元素水平倒序排列,前提是这个元素是内联水平的;类似的属性还有writing-mode属性,可以实现垂直方向的倒序;
③flex-direction与方向控制:可以设置列表元素是水平或垂直方向是否倒序显示;
④order属性与任意控制:Flex布局中的order属性也是可以设置DOM元素的视觉表现顺序和实际顺序不一样的,其优点在于可以灵活控制每一个独立元素的顺序;
⑤Grid布局中的反向排列:grid-auto-flow属性可以设置Grid布局中的网格是优先水平排列还是优先垂直排列;
⑥float浮动和absolute绝对定位:浮动和绝对定位也可以实现DOM在文档流的后面,但是视觉展示却在前面;
⑦动画中的reverse:CSS中的animation-direction属性支持一个名为reverse关键字,可以让动画反向执行;
(参考:www.zhangxinxu.com/wordpress/2…