フレックス方向：最初の要素を除いた列逆順

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>