JSFiddle - React, Tailwind, and code Playground

by John Grivas

HTML

<table>
    <tr class="popular-link">

<td>text</td>
                
        <td><i class="icon">mock icon</i></td>
        <td></td>
        <td></td>
    </tr>
    <tr class="popular-link2">
        <td>text</td>
        <td class="icon">mock icon</td>
        <td></td>
        <td></td>
    </tr>

</table>

CSS

.popular-link:hover {
        color: grey !important;
    }

   .icon {
        color: red;
    }