встановлення ширини html таблиці td - html, css

У мене є такий код:

<table>
<thead>
<th class="1">Date</th>
<th class="2">Start Time</th>
<th class="3">End Time </th>
<th class="4">Location</th>
</thead>
<tbody>
<td class="1">Date</td>
<td class="2">Start Time</td>
<td class="3">End Time </td>
<td class="4">Location</td>
</tbody>
</table>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

і css

 table {width:550px;}
​.1 {width:60px; background-color:green;}
.2 {width:90px; background-color:blue;}
.3 {width:90px; background-color:red;}
.4 {width:100px; background-color:yellow;}​

Чому я не можу встановити ширину? Колір фону не змінюється, тому у мене повинна бути помилка коду.

Відповіді:

Назви класів не можуть починатися з цифр. Спробуйте перейменувати свої класи, щоб почати букву (a-z).

JS Fiddle: http://jsfiddle.net/sDKp2/