JSFiddle - React, Tailwind, and code Playground

HTML

<h1>1_1</h1>
    <p>123_a <h1>1</h1> </p>
    
             <h2>2_2</h2>
    <p>123_b <h2>2</h2> </p>
    
    <p>123_c <h3>3</h3> </p>

    <p>123_f1 <h5>5_1</h5> <h6>6_1</h6></p>
              <h5>5_2</h5> <h6>6_2</h6>
              <h6>6_3</h6> <h5>5_3</h5> 




<!--table>

<tr>
    <th>field_1</th>
    <th>field_2</th>
    <th>field_3</th>
</tr>
<tr>
    <th>1_1</th>
    <th>1_2</th>
    <th>1_3</th>
</tr>
<tr>
    <th><div>2_1</div><div class="class1">一11</div></th>
    <th><div>2_2</div><div>二</div></th>
    <th><div>2_3</div></th>
</tr>

</table>

<div><div>2_1</div><div class="class1">一111</div></div-->

CSS

p h1 {color:red;}
    p > h2 {color:green;}