JSFiddle - React, Tailwind, and code Playground

HTML

<div id="divParent" class="myhover">
    <p>Some text</p>
    <p>Text text text</p>
    <div id="divChild" class="myhover">
        <p>Example text</p>
    </div>
</div>

CSS

.myhover {
  width: 120px;
}
.myhover:hover p{
    color: #FED242!important;
}