JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%" class="blueCss">
        <tr>
            <td ID="tdBlue">
                <span id="Blue">Hola</span>
            </td>  
            <td>
                <span>other col</span>
            </td>
         </tr>
    </table>

CSS

.blueCss {
            height: 100px;
            width: 100px;
        }

        .blueCss td {
            background-color: blue;
        }

        .blueCss:hover    {
            border-color: #00ae00;
        }

        .blueCss td:hover    {
            background-color: yellow;
            cursor: pointer;
        }

JavaScript

$(document).ready(function(){
    var tdLink = $('#tdBlue');

    tdLink.click(function(){
         alert('blue-theme');
    });
});