JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>The first row</td>
        <td>The first row</td>
    </tr>
    <tr>
        <td>The second row</td>
        <td>The second row</td>
    </tr>
    <tr>
        <td>The third row</td>
        <td>The third row</td>
    </tr>
    <tr>
        <td>The forth row</td>
        <td>The forth row</td>
    </tr>
</table>
<hr>
<table>
    <tr>
        <td>The first row</td>
        <td>The first row</td>
    </tr>
    <tr>
        <td>The second row</td>
        <td>The second row</td>
    </tr>
    <tr>
        <td>The third row</td>
        <td>The third row</td>
    </tr>
    <tr>
        <td>The forth row</td>
        <td>The forth row</td>
    </tr>
</table>

JavaScript

$(function () {
    $("table:first tr").css("background", "#ffbbbb");
    $("table:last >tr").css("background", "#ffbbbb");
    $("table:last").children("tr").css("background", "#ffbbbb");
});