JSFiddle - React, Tailwind, and code Playground

HTML

<div class="A">
    <p>A</p>
    <p>B</p>
    <p>C</p>
</div>
<div class="B">
    <div>
        <p>A</p>
        <p>B</p>
        <p>C</p>
    </div>
</div>

CSS

.A>p{
    color:red;    
}
.B>p{
    color: green !important;    
}
.B p{
    color: blue;
}