JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table">
<thead><th>1</th><th>2</th><th>3</th><th>4</th></thead>
<tbody>
    <tr>
        <td>1</td><td>2</td><td>3</td><td>4</td>
    </tr>
    <tr>
        <td>1</td><td>2</td><td>3</td><td>4</td>
    </tr>
    <tr>
        <td>1</td><td>2</td><td>3</td><td>4</td>
    </tr>
    <tr>
        <td>1</td><td>2</td><td>3</td><td>4</td>
    </tr>
    <tr>
        <td>1</td><td>2</td><td>3</td><td>4</td>
    </tr>
</tbody>
</table>

CSS

.table {
    width: 100%;
    height: 100%;
    background-color: red;
    text-align: center;
}
.table th {
    background-color: yellow;
    text-align: center;
}
.table th:first-child {
    background-color: grey;
}
.table th:last-child {
    background-color: lightgrey;
}
.table tr:last-child td:first-child {
    background-color: aqua;
}
.table tr:last-child td:last-child {
    background-color: green;
}