Targeting nth column (made by column-count)

css, css-multicolumn-layout

Solution

As of now, there is no way to target nth column with pure css.

Problem

Let's say I have this ``` <ul> <li>test</li> <li>test</li> <li>test</li> <li>test</li> <li>test</li> <li>test</li> </ul> ul { column-count: 2; } ``` and I want to align first column to right and the second to left, is there any way to target one of those columns using css selectors?

Original source