JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="inner">
        Содержимое 1
    </div>
</div>

<div class="outer">
    <div class="inner">
        Содержимое 2
    </div>
</div>

<div class="outer">
    <div class="inner">
        Содержимое 3
    </div>
</div>

CSS

.outer {
  padding:20px;
  height:100px;
  background-color: green;
  display: inline-block;
}

.inner {
  height:100%;
  background-color: red;
}
.outer:hover .inner {background-color: blue;}