JSFiddle - React, Tailwind, and code Playground

HTML

<ul></ul>
<ul>
    <li>Item One</li>
    <li>Item Two</li>
</ul>

SCSS

ul {
    min-height: 40px;
    &:empty {
        content: 'Empty';
        &:after {
            content: "AFTER EMPTY";
        }       
    }
}