JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table table-condensed table-hover">
    <thead>
        <tr>
            <th>Header 1</th>
            <th>Header 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Content 1</td>
            <td>Content 2</td>

        <tr class="select-row">
            <td>Content 1</td>
            <td>Content 2</td>

        <tr>
            <td>Content 1</td>
            <td>Content 2</td>

        <tr>
            <td>Content 1</td>
            <td>Content 2</td>
        </tr>
    </tbody>
</table>

CSS

.table-hover > tbody > tr.select-row:hover > td,
.select-row > td {
    background-color: #bddef9;
}