JSFiddle - React, Tailwind, and code Playground

by Neal

HTML

<div class="whycapad_staff">Hi</div>
<div class="whycapad_staff">There</div>
<div class="whycapad_staff">You.</div>
<div class="whycapad_staff">How</div>
<div class="whycapad_staff">Is</div>
<div class="whycapad_staff">It</div>
<div class="whycapad_staff">Going?</div>

CSS

.whycapad_staff:nth-child(even) {
    background-color:#eaebeb;
}

JavaScript

$(function() { //jQuery fallback
    $('.whycapad_staff').hover(function() {
        $(this).data('b-color', $(this).css('background-color'));
        $(this).css('background-color', '#5facf8');
    }, function() {
        $(this).css('background-color', $(this).data('b-color'));
    });
});