JSFiddle - React, Tailwind, and code Playground

HTML

<p>111</p>
<p>222</p>
<div id="container">
   <p>333</p>
   <p>444</p>
   <div>
     <p>444111</p>
     <p>444222</p>
   </div>
</div>
<p>555</p>
<p>666</p>

CSS

#container > p {
  font-size: 30px;
}