<table>
  <thead>
    <tr>
      <th>Location</th>
      <th>Temperature</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>London</td>
      <td>21&deg;C</td>
    </tr>
    <tr>
      <td>New York</td>
			<td>16&deg;C</td>
    </tr>
    <tr>
			<td>Rome</td>
      <td>23&deg;C</td>
    </tr>
    <tr>
			<td>Berlin</td>
      <td>14&deg;C</td>
    </tr>
    <tr>
			<td>Sydney</td>
      <td>25&deg;C</td>
    </tr>
    <tr>
			<td>Reykjavik</td>
      <td>10&deg;C</td>
    </tr>
	</tbody>
</table>
body {
  font-family: arial;	
}

table {
  border-collapse: collapse;
}

table td, table th {
  border : 1px solid #555;
  padding: 0.5em 0.5em 0.4em;
}

table thead th {
  color: white;
  background: #333;
}

-table tbody td {
  text-align: center;
}

table tbody tr:first-child + tr {
  color: red;
}

table tbody tr:nth-child(4) ~ tr {
	color: blue;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.