CSS样式表tds

Question

我需要处理很多页面，好处是它们都具有相同的结构。最后我想达到这样的视觉效果。

<tr><td style="width:15%;">label text</td> 
    <td style="width:35%;"><input type='text' style="width:50%"; /></td> 
    <td style="width:15%;">label text</td> 
    <td style="width:35%;"><input type='text' style="width:50%"; /></td> 
</tr> 

如何将CSS应用于普通表格并呈现相同的视觉效果？

Answer 1

你不能没有任何使用CSS3或通过应用一些类帮助CSS出来：

<tr> 
    <td class="label"><label for="input1">label text</label></td> 
    <td class="field"><input type="text" id="input1"></td> 
    <td class="label"><label for="input2">label text</label></td> 
    <td class="field"><input type="text" id="input2"></td> 
</tr> 

有：

td.label { width: 15%; } 
td.field { width: 35%; } 
td.field input { width: 35%; } 

要么或者使用Javascript。