title: flex-direction: column-reverse except the first element
body: <p>i have multiple <code>article</code> element which prefer order in reverse, but the first element is a <code>header</code> element and i need it to be sticky at top,
  how could i reverse all items but the first header element ?</p>
  
  <pre><code>#content {
    display: flex;
    flex-direction: column-reverse;
  }
  </code></pre>
  
  <p>and </p>
  
  <pre><code>&lt;div id="content"&gt;
    &lt;header&gt;something&lt;/header&gt;
  
    &lt;article&gt;1&lt;/article&gt;
    &lt;article&gt;2&lt;/article&gt;
    &lt;article&gt;3&lt;/article&gt;
    &lt;article&gt;4&lt;/article&gt;
    &lt;article&gt;5&lt;/article&gt;
  &lt;/div&gt;
  </code></pre>