引用 flexbox 容器新列中的最后一项或第一项

Question

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

每列的最后一个不应有底部边框。

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

Answer 1

没有

flexbox 也存在类似的问题：没有选择器可以根据它们的布局来匹配特定的 flex 项。一般来说，没有选择器根据 CSS 管理的布局匹配元素。选择器仅根据文档语义（源顺序等）匹配元素。

^{BoltClock in this Q&A}