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

Question

我有一个 2 列布局博客，我正在使用 column-count css 属性，但设计要求第一列中的图像和块引用突出到左侧（margin-left：-20px），并且第二列应用相同的东西，但在右侧（margin-right：-20px）。

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

Answer 1

您可以获得的最接近的东西是使用td:first-childand td:last-child。演示

例子：

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

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