JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test1">
    
    test one text
    
    <div class="test2">test two text</div>
    
</div><!--end .test1 -->

CSS

.test1 { color: black; }
.test2 { color: green; }

.test1 .test2 { color: red; }

.test2 { color: purple }