html - 设置 html 表格的宽度 td

Question

我有以下代码：

<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;}​

为什么我不能设置宽度？背景颜色也没有改变，所以我一定有代码错误。

Answer 1

类名不能以数字开头。尝试重命名您的类以开始一个字母 (az)。

JS 小提琴：http: //jsfiddle.net/sDKp2/