JSFiddle - React, Tailwind, and code Playground

by Paydjoe

HTML

<div class="image-wrapper">
 <div class="stars"></div>
 <div class="deselect">deselect</div>
</div>

CSS

.deselect{
    display: block;
    height: 30px;
    line-height: 30px;
}

JavaScript

$(document).ready(function() {
    $(".deselect").css({"display":"block"});
    $(".image-wrapper").bind({
        mouseenter: function(){
            $(".deselect").css({
                "background":"red"
            });
        },
        mouseleave: function(){
            $(".deselect").css({
                "background":"inherit"
            });
        }
    });
});