JSFiddle - React, Tailwind, and code Playground

by Md Shafkat Hussain Tanvir

HTML

<div class="rate">
    <div class="rate-item">☆</div>
    <div class="rate-item">☆</div>
    <div class="rate-item">☆</div>
</div>

CSS

.rate{
    color:black;
    cursor:pointer;
}
.rate:hover{
    color:red;
}
.rate-item{
    float:left;
    cursor:pointer;
    margin:0px 15px 0px 15px;
}
.rate-item:hover ~ .rate-item {
    color: black;
}