CodePen Embed - Nth-child example

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>
    <li>10</li>
</ul>

  ul{
        column-count: 2;
    }
    ul li{
        font-size: 18px;
        font-weight: 700;
    }
    ul li:nth-child(4){
        color: red;
    }
    ul li:nth-child(3n){
        color: green;
    }
    ul li:nth-child(2n+5){
        color: purple;
    }

This Pen is owned by Eugene on CodePen.

See more by @evgeniychernyy on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.