JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>x</li>
</ul>

<ul>
    <li>x</li><li>x</li>
</ul>

<ul>
    <li>x</li><li>x</li><li>x</li>
</ul>

<ul>
    <li>x</li><li>x</li><li>x</li><li>x</li>
</ul>

<ul>
    <li>x</li><li>x</li><li>x</li><li>x</li><li>x</li>
</ul>

CSS

ul { border:3px solid red; margin-bottom:10px; }

JavaScript

$('ul:has(li:nth-child(4))').each(function() {  
    $(this).css('background', 'yellow');  
});