Getting Tabular - Head First HTML and CSS - page 641

SOLUTION

Just to make sure you've got this down, draw an arrow from
each <td> element to its corresponding cell in the table.
Here are the answers.

<tr>
<td rowspan="2">Truth or Consequences, NM</td>
<td class="center">August 9th</td>
<td class="center">93</td>
<td rowspan="2" c l ass="right">4,242 ft</td>
<td rowspan="2" class="right">7,289</td>
<td class="center">5/5</td>
</tr>
<tr>
<td class="center">August 27th</td>
<td class="center">98</td>
<td class="center">4/5</td>
</tr>

Truth or
Consequences,
NM

August 9th 93 4,242 ft 7,289 5/5

August
27th

98 4/5

A Serious Exercise Solution

To create alternating colors in the Magic City, Last Chance, and Why table rows with a
pseudo-class, use the nth-child(odd) pseudo-class to select the odd <tr> rows in the table:

tr:nth-child(odd) {
background-color: #fcba7a;
}