JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div-1">
    <h2>Foo</h2>
    <p>Bar</p>
    <p><iframe></iframe></p>
</div>
        <hr />
<div id="div-2">
    <h2>Foo</h2>
    <p>Bar</p>
    <p><h3>Foobar</h3></p>
</div>

JavaScript

$("div#div-1>p:first").css('color','red');
$("div#div-2 p:first").css('color','green');