JSFiddle - React, Tailwind, and code Playground

HTML

<div class="aa">
  <p>aaa</p>
  <p>aaa</p>
  <p>aaa</p>
</div>

<div class="bb">
  <p>bbb</p>
  <p>bbb</p>
  <p>bbb</p>
</div>

CSS

.aa :hover {
  background: yellow;
}

.bb:hover {
  background: yellow;
}