html - CSS column-count 选择第一列和最后一列

Question

我有一个 2 列布局的博客，我正在使用 column-count css 属性，但设计要求第一列中的图像和 block 引号突出到左侧(margin-left:-20px )，第二列应用相同的内容，但在右侧 (margin-right:-20px)。

第一列或最后一列是否有 css 选择器？是否可以这样做，还是我必须尝试其他方法？

Answer 1

最接近的是使用 td:first-child 和 td:last-child。 Demo

示例:

td { width:100px; height:50px; background:blue; }
td:first-child, td:last-child {
    background:red;
}

如果出于某种原因你想要一个不在外面的特定列，你可以使用 td:nth-of-type(n) 或者，如果只有 td children, td:nth-child(n)，但这需要您知道该行中有多少个td。要执行更具体的操作，您必须使用 javascript