JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <ul>
            <li>Ho-ho!
                <ul>
                    <li>
                        <span> 
                            <ul>
                                <li>Bonemeal</li>
                            </ul>
                        </span>
                        <p>
                            <ul>
                                <li>Grass</li>
                            </ul>
                        </p>
                    </li>
                    <li>
                        <ul>
                            <li>
                                <ul>
                                    <li>Fish!</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li>What?</li>
        </ul>
    </body>
</html>

CSS

li > ul {
    border-left: 2px solid rgba(255, 0, 0, 0.1);
}

li ul {
    color: blue;
}