简单说来，就是tr.over td{background-color:#FFFF99}中over td继承了tr的属性！
只要是html中的标签都可以用css样式.tab{
这里写你的样式
}
.tr{
}
.td{
}
<table class="tab">
<td class ="td">
<tr class="tr">
<span>context</span>
</tr>
</td>
</table>
指定的<table>为细边框，把<table>放在<div>中即可。
一、首先新建表格，代码如下：
<table width="500" border="1"> <tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></tr><tr> <td> </td><td> </td><td> </td></tr</table>。
二、在table里加css样式，代码如下：
<table width="500" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse"> <tr><td> </td><td> </td><td> </td </tr><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></table>。
三、单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间。单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离，border-collapse:collapse表示表格的两边框合并为一条即可。
