我有多个article元素，它们倾向于按相反的顺序排列，但是第一个元素是一个header元素，并且我需要它在顶部保持粘性，除了第一个标头元素之外，我如何才能反转所有项目？
#content {
display: flex;
flex-direction: column-reverse;
}
和
<div id="content">
<header>something</header>
<article>1</article>
<article>2</article>
<article>3</article>
<article>4</article>
<article>5</article>
</div>
使用该order属性。https://developer.mozilla.org/zh-CN/docs/Web/CSS/order
#content {
display: flex;
flex-direction: column-reverse;
}
header {
order: 1;
}<div id="content">
<header>something</header>
<article>1</article>
<article>2</article>
<article>3</article>
<article>4</article>
<article>5</article>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句