JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mydiv1" class="parent child-1 panda" >Word1</div>

<div id="mydiv2" class="parent child-2 panda" >Word3</div>

<div id="mydiv3" class="parent child-1 panda2" >Word2</div>

CSS

.parent .child-1 .panda {
    color: red;
}