JSFiddle - React, Tailwind, and code Playground

by 0xLLLLH

HTML

<ul>
    <li class="heading">Hello world</li>
    <li>Hello world</li>
    <li>Hello world</li>
    <li class="heading">Hello world</li>
    <li>Hello world</li>
    <li class="heading">Hello world</li>
</ul>

CSS

ul li.heading {
    font-weight: bold;
}

/* Does not work */
ul li.heading:last-child {
    background: black;
}

ul li:last-child {
    background: red;
}