JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <div>1
            <span>1.1</span>
        </div>
        <div>1</div>
        <div>1</div>
    </li>
        <li>
        <div>2
            <span>2.1</span>
        </div>
        <div>2</div>
        <div>2</div>
    </li>
</ul>
<ul>
    <li>
        <div>1
            <span>1.1</span>
        </div>
        <div>1</div>
        <div>1</div>
    </li>
        <li>
        <div>2
            <span>2.1</span>
        </div>
        <div>2</div>
        <div>2</div>
    </li>
</ul>

JavaScript

$( "ul").find('li:first').find("div").css( "font-size", "30px" );
// $( "ul").find('li:first-of-type').find("div").css( "font-size", "30px" );
// $( "ul").find('li:eq(0)').find("div").css( "font-size", "30px" );

$( "ul").find('li').eq(0).find("div").css( "color", "green" );