CSS列计数选择第一列和最后一列

Question

我有一个2列布局博客，我正在使用column-count css属性，但设计要求第一列中的图像和blockquotes向左侧突出（margin-left：-20px ），第二列应用相同的东西，但在右侧（边距 - 右：-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个孩子，td:nth-child(n)，但这需要您知道如何行中有许多td个。要做更具体的事情，你必须使用javascript