Come escludere il primo elemento in un involucro flessibile?

Question

Esiste un modo per escludere il primo elemento in un involucro flessibile diverso dal riordinare il markup?

<div class="container">  
    <div id="tobeexcluded">abc</div> 
    <div class="flexitem">content</div> 
    <div class="flexitem">content</div> 
    <div class="flexitem">content</div> 
</div> 

EDIT: Ho provato ora

:not(:first-child) 

e anche

:not(#tobeexcluded) 

ma non sta funzionando. Questa è la costruzione di classe attuale, si tratta di una visione Drupal:

.view-id-reference_list .view-content:not(:first-child) { 
display: flex 
flex-flow: wrap 
} 

Fiddle: https://jsfiddle.net/m62090za/4/

Ecco quello che voglio: https://jsfiddle.net/Lxhpwqzn/1/ ma senza modificare il markup.

Answer 1

C'è un modo per escludere il primo elemento in un involucro flessibile oltre a riordinare il markup?

Dopo qualche confusione iniziale ora capiamo che ciò che è effettivamente necessaria è per il contenuto di avvolgere dopo la prima div.

Ovviamente, il metodo più semplice per ottenere questo è che il primo div sia largo al 100% del genitore.

.view-container .view-content { 
 
    display: flex; 
 
    flex-wrap: wrap; 
 
    justify-content: space-between; 
 
} 
 
.filterbox { 
 
    flex: 0 0 100%; 
 
}

<div class="view-container"> 
 
    <div class="view-content"> 
 
    <div class="filterbox">FILTER</div> 
 
    <div class="flex-item"> 
 
     Flex-ITEM 
 
    </div> 
 
    <div class="flex-item"> 
 
     Flex-ITEM 
 
    </div> 
 
    <div class="flex-item"> 
 
     Flex-ITEM 
 
    </div> 
 
    </div> 
 
</div>