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

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

我想把规范放在列表中，这样第一个元素就会显示在给定的位置。第二项显示在第一项的顶部。第三项显示在第二项的顶部 项目等等。列表应该从底部第一个元素增长到顶部最后一个元素，保持第一个元素固定在给定位置。该列表由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;

}

任何帮助都将不胜感激

谢谢， Sunil

如果列表是

aaa
ggg
ccc
fff

在下面应用css

ul li 
{
  display: table-caption;
}

结果是

fff
ccc
ggg
aaa

如果列表是

aaa
ggg
ccc
fff

在下面应用css

ul li 
{
  display: table-caption;
}

结果是

fff
ccc
ggg
aaa

---

也可以使用此方法从下到上呈现列表

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

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

---

这里有一个工作演示给你

也可以使用此方法从下到上渲染列表

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

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

---

这里有一个工作演示给你

您可以使用绿色复选框接受此答案。所以其他人可以从中受益。你可以使用绿色复选框来接受这个答案。这样其他人就可以从中受益。