Css 如何排除flexbox包装中的第一项？

除了重新排列标记外，是否有其他方法排除flex包装中的第一项

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

而且

:not(#tobeexcluded)

但它不起作用。这是实际的类构造，是drupal视图：

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

小提琴：

我想要的是：但不改变标记

除了重新排列标记外，是否有其他方法排除flex包装中的第一项

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

在经历了一些最初的混乱之后，我们现在明白了真正需要的是在第一个div之后包装内容

显然，实现这一点的最简单方法是使第一个div与父div的宽度达到100%

。查看容器。查看内容{
显示器：flex；
柔性包装：包装；
证明内容：之间的空间；
}
.过滤器盒{
弹性：0.100%；
}

滤器
弹性项目
弹性项目
弹性项目

您是认真的还是昏昏欲睡的？这与您提供的链接完全不重复。您可以使用css将其排除在外{display:none}。我不想隐藏它，它应该从flexbox包装中删除。正如您在小提琴中看到的，当我添加：not（：first child）时，flexbox包装不再起作用到div。filter div应该在flex流之上……我读了这篇文章，认为它不是我想要的（因为它很简单），关闭了选项卡，意识到了它的美妙之处，然后再次打开它。