JSFiddle - React, Tailwind, and code Playground

by Dream Mkker

HTML

<div>
    <span class="D">D</span>
    <span class="K">K</span>
    <span class="Studio">Studio</span>
</div>

CSS

div {
    width: 100px;
    text-align: center;
    background-color: black;
    color: #FFF;
}

JavaScript

$(".Studio").hover(
    function() {
	$(".D").css('color','#FFAA00');
    $(".K").css('color','#FFCC00');
    $(".Studio").css('color','#FFEE00');
}, function() {
    $(".D").css('color','#FF5588');
    $(".K").css('color','#FF5588');
    $(".Studio").css('color','#F41355');
});