JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3
            <ul>
                <li>sub item A</li>
                <li>sub item B</li>
            </ul>
        </li>
        <li>Item 4</li>
    </ul>
</div>

CSS

div ul {
    color: black;
}
div > ul {
    font-weight: bold;
    color: red
}