Search code examples
csscss-multicolumn-layout

Targeting nth column (made by column-count)

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?

Solution

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