フレックスボックスラップの最初のアイテムを除外する方法は？

Question

マークアップの順序を変更する以外のフレックスラップの最初の項目を除外する方法はありますか？

<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： 私は今

:not(:first-child) 

とも

:not(#tobeexcluded) 

を試みたが、それは働いていません。これは、実際のクラスの建設で、それはDrupalのビューです：

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

フィドル：https://jsfiddle.net/m62090za/4/

は、ここで私が何をしたいのです：https://jsfiddle.net/Lxhpwqzn/1/が、マークアップを変更せずに。

Answer 1

マークアップの順序を変更する以外に、フレックスラップの最初の項目を除外する方法はありますか？私たちは今、何を実際に必要とされること最初のdiv後をラップするコンテンツのためのものであることを理解し、いくつかの初期の混乱の後

。

明らかに、これを達成する最も簡単な方法は、最初のdivが親の100％幅であることです。

.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>