CSS column-count selecting 1st and last column

Question

I've got a 2 column layout blog and i'm using the column-count css property, but the design requires that images and blockquotes in the first column to jut out to the left side (margin-left: -20px), and the 2nd column applies the same thing but on the right side (margin-right:-20px).

Is there a css selector for the 1st or last column? Is it possible to do that or would i have to try something else?

Answer 1

The closest thing you can get is using td:first-child and td:last-child. Demo

Example:

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

If for some reason you were wanting a specific column not on the outside you could use td:nth-of-type(n) or, if there are only td children, td:nth-child(n), but this requires you know how many tds there are in the row. To do anything more specific you'd have to use javascript