以自下而上的方式呈现无序列表

Question

如何以自下而上的方式呈现无序列表。

我想将规格放在列表中，使第一个元素显示在给定位置。第二项显示在第一项的顶部。第三项显示在第二项 项目的顶部等。该列表应该从底部（第一个元素）到顶部（最后一个元素），将第一个元素固定在给定位置。该列表由webkit呈现。

我需要知道在下面的代码中可以做些什么来实现这一点。

audio::-webkit-media-controls-closed-captions-track-list ul, 
video::-webkit-media-controls-closed-captions-track-list ul { 

display: list-item; 
list-style-type: disc; 
position: relative; 
right: 70px; 
bottom: 50px; 

}

任何帮助，将不胜感激。

感谢， 苏尼尔

Answer 1

如果列表

aaa 
ggg 
ccc 
fff 

适用以下

ul li 
{ 
    display: table-caption; 
} 

CSS和结果是

fff 
ccc 
ggg 
aaa 

Answer 2

可以渲染列表FR om使用这种方法从底部到顶部。

ul { 
    display: flex; 
    flex-direction: column-reverse; 
} 

<ul> 
    <li>Item 1 </li> 
    <li>Item 2</li> 
</ul> 

这是您的工作演示。 http://jsbin.com/petokazi/1/edit