对于 CSS 列样式，有没有明确的事情？

Question

我有一个父元素，它的列数为 2，我希望此容器中的最后一个 p 元素占据父容器的整个宽度。但是 column-count: 2 强制最后一个 p 元素出现在第二列中。

看这里：https://image.prntscr.com/image/0b84d54f6c894b4183dd3d33205a9a43.png

有没有明确的东西：既可以用于列数，也可以用于浮点数？

Answer 1

如果你想给最后一个

元素添加样式，你可以使用这个选择器

.columns-2 .p:nth-last-child(1){}

Answer 2

使用以下方法定位最后一个 p 元素：

.columns-2 .p:nth-last-child(1){ column-span: all } 

column-span 属性 允许您指定元素应跨越多少列。