设置HTML表格，甚至是宽度为2X的偶数行

Question

我需要相对解决方案将奇数列宽设置为1X甚至奇数行的2X行。 我正在使用这个CSS：

.colTest{
    width:100%;
}
.colTest col:nth-child(2n+1){
    width: 100px;
}
.colTest col:nth-child(2n){
    width: 200px;
}

如： jsFiddle

如何设置具有不同cols数的表col的相对值（即％）？ （表示表格cols在2到10之间变化）

Answer 1

jsFiddle Demo

.colTest {width:100%}
.colTest col:nth-child(2n+1){
    width: 1%;
}
.colTest col:nth-child(2n){
    width: 2%;
}

更新：

与cbroe一样，td代替col会得到更好的结果，但我的解决方案的一般概念是相同的。

jsFiddle Demo

.colTest {width:100%}
.colTest td:nth-child(2n+1){
    width: 1%;
}
.colTest td:nth-child(2n){
    width: 2%;
}

Answer 2

通过cols格式化表格单元格应该在理论上有效，但浏览器并不总是尊重这一点。请改为格式化td，请参阅http://jsfiddle.net/2Gkxc/3/

td:nth-child(2n+1){
    width: 100px;
}
td:nth-child(2n){
    width: 200px;
}