CSS :nth-last-child Pseudo Class - Playground Example

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
table { 
   width: 100%;
   border-collapse: collapse; 
   border-spacing: 0; 
} 
td { 
   border: 1px solid #333; 
   padding: 3px; 
   border-left: 3px double #333; 
} 
td:nth-last-child(2n+1) { 
   background: #a3ffa8; 
} 
td:nth-child(1) { 
   border: 1px solid #333;
   background: #d9a3ff; 
 } 
</style>
</head>
<body>
<table>
  <tr>
    <td>No</td>
    <td>Competition</td>
    <td>John</td>
    <td>Adam</td>
    <td>Robert</td>
    <td>Paul</td>
  </tr>
  <tr>
    <td>1</td>
    <td>Swimming</td>
    <td>1:30</td>
    <td>2:05</td>
    <td>1:15</td>
    <td>1:41</td>
  </tr>
  <tr>
    <td>2</td>
    <td>Running</td>
    <td>15:30</td>
    <td>14:10</td>
    <td>15:45</td>
    <td>16:00</td>
  </tr>
  <tr>
    <td>3</td>
    <td>Shooting</td>
    <td>70%</td>
    <td>55%</td>
    <td>90%</td>
    <td>88%</td>
  </tr>
</table>
</body>
</html>