JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="level primary">
    <li>list</li>
    <li>
        <ul>
            <li>list</li>
            <li>list</li>
            <li>list</li>
        </ul>
    </li>
    <li>list</li>
</ul>
<ul class="primary">
    <li>list</li>
    <li>
        <ul>
            <li>list</li>
            <li>list</li>
            <li>list</li>
        </ul>
    </li>
    <li>list</li>
</ul>

CSS

.primary > li {
    margin-bottom: 5px;
}

JavaScript

$(".primary").children('li').each(function( index ) {
        $(this).css("border", "1px solid #f00");
});