如何在CSS3列中定位最后一个孩子？

Question

我有3列砖石风格的布局：

这是（缩小的）CSS，.block元素位于div中：

div {
  column-count: 3;
  column-gap: 12px;
}

.block
    display: inline-block;
    width: 100%;
}

如何在CSS中引用每列的最后一个元素（蓝色块）？

Answer 1

它并不完美，但如果保证您的块的大小足够相似，您可以使用类似的东西div:nth-child(3n)