JSFiddle - React, Tailwind, and code Playground

HTML

<h1 class="center">This heading will not be affected</h1>
<p class="center">This paragraph will be red and center-aligned.</p> 

<p id="para1">Hello World!</p>
<p><span>nested tag</span></p>

CSS

p.center {
    text-align: center;
    color: red;
}

#para1 {
    color: red;
}

p > span {
    color : green;
    font-size : 12px;
}