JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper_class">
    <span class="classA">word1</span>
    <span class="classB">word2</span>
    <span class="classA">word3</span>
</div>

CSS

.classA {
    color: red;
  }
.classA:hover {
    color: blue;
  }

.wrapper_class:hover span.classA {
    color: blue;
}