css - 根据订单设置表格列宽

Question

在我的时区下午好。

我有一个包含四个 tr 的表，每个 tr 都有四个 td。

我想对每个 td 应用不同的宽度。 例如我想要以下内容:

<tr>
   <td width="20%"/>
   <td width="25%"/>
   <td width="10%"/>
   <td width="45%"/>
</tr>

有没有办法让一个类应用于 tr 并在该类中为每个 td 指定一个宽度？或者我是否创建四个不同的类，每个类都有不同的宽度？有点像

.firstTD{
    width:20%; 
} 
.secondTD{
   width:25%; 
} 
.thirdTD{
   width:10%; 
} 
.fourTD{
  width:45%; 
}

Internet Explorer 6 也应该支持这一点。

提前致谢。 最好的问候

Answer 1

可以使用相邻的选择器:

.mytable td{
    width:20%; 
} 
.mytable td+td{
   width:25%; 
} 
.mytable td+td+td{
   width:10%; 
} 
.mytable td+td+td+td{
  width:45%; 
}

这样你就不需要任何类，但我会给表本身一个，或者你所有的表都会继承这些样式，显然。