CSS表格列和表格的x％表格

Question

我正在準備Asp​​.net網站。在我的樣式表，我想我的表有這些屬性：

table { 
    width:100%; 
    height:500px; 
} 

表的第一列應形式對整個表的20％。 而我的第二列應該形成80％的表格。我不確定如何在CSS中設計不同的2列。但我認爲它應該是這樣的：

table td.first { 
} 
table td.second { 
} 

我的問候......

Answer 1

通常一個給出了一個ID表列是這樣的：

<table id="my-table"> 
    <tr> 
    <td id="first-column">... content ...</td> 
    <td id="second-column">... content ...</td> 
    </tr> 
</table> 

那麼你可以用css這樣的方式來處理列：

table#my-table { 
    width: 100%; 
    height: 500px; 
} 
table#my-table td#first-column { 
    width: 20%; 
} 
table#my-table td#second-column { 
    width: 80%; 
} 

Answer 2

如果我理解正確，你只是努力的目標在表中的特定列。只要給你的<td>的一個ID，如：

<td id="columnOne"> ...等

您使用此語法在CSS定位他們...

之一：

table td#columnOne { *styles* } 

或者乾脆：

#columnOne { *styles* } 

此方法比使用更安全和更兼容僞類，因爲我認爲你正在嘗試做的，這將是：

table td:first-child { *styles* } 

和：

table td:nth-child(2) { *styles* }