JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table1">          
<tr>
   <th>Name</th>
   <th>Surname</th>
   <th>Email</th>
</tr>                

   <tr>
             <td>@p.Name</td>
             <td>@p.Surname</td>
             <td>@p.Number</td>
         </tr>
     <tr>
             <td>@p.Name</td>
             <td>@p.Surname</td>
             <td>@p.Number</td>
         </tr>
  
</table>

CSS

tr:nth-child(1) {
background:blue;        
}

tr:nth-child(2) {
background:red;        
}

tr:nth-child(3) {
background:orange;        
}