JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
</div>

CSS

span {
    display: inline-block;
    width: 50px;
    height: 30px;
    background: red;
}

div {
    text-align: center;
    padding: 5px;
    background: pink;
}

div:hover span {
    background: lightgreen;
}