JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <thead>
        <tr>
            <th>Pos</th>
            <th>Nome</th>
            <th>Qt. Cartas</th>
            <th>Tempo</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1º</td>
            <td>Jose</td>
            <td>10</td>
            <td>20</td>
        </tr>
        <tr>
            <td>2º</td>
            <td>Ana</td>
            <td>9</td>
            <td>30</td>
        </tr>
        <tr>
            <td>3º</td>
            <td>João</td>
            <td>8</td>
            <td>33</td>
        </tr>           
    </tbody>
</table>

CSS

table {width:100%;}
table tbody tr:nth-child(1) td{background-color:blue;}
table tbody tr:nth-child(2) td{background-color:green;}
table tbody tr:nth-child(3) td{background-color:yellow;}