flex-direction：column-reverse除了第一個元素

Question

我有多個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> 

Answer 1

使用order財產。 https://developer.mozilla.org/en-US/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>