参考flexbox容器新列中的最后一项或第一项

Question

有没有办法自动处理flexbox容器中列的最后一项或第一项？ 我希望这些项目有这样的分界线： flexbox items with division lines

每列中的最后一个不应该有一个border-bottom。

使用nth-of-child“手动”执行此操作不是问题，但是会不断添加或删除项目，因此我正在寻找一种更优雅的方法来解决此问题。像“.flex-item：last-in-column”这样的东西。

Answer 1

没有

  

flexbox存在类似的问题：根据布局方式，没有用于匹配特定弹性项目的选择器。通常，没有选择器根据CSS的布局来匹配元素。选择器仅匹配基于文档语义的元素（源顺序等）。

     

^{BoltClock in this Q&A}