如何在表

Question

嗨選擇所有的首個TD的，我想（與文本「標籤」td）每一行的一個表中只選擇第一<td>，如果你有一個簡單的HTML，如：

<table> 
    <tr><td>label</td> <td>value</td></tr> 
    <tr><td>label</td> <td>value</td></tr> 
    <tr><td>label</td> <td>value</td></tr> 
</table> 

我想分配例如只有第一個<td></td>組的10％的寬度與選擇器我不想要使用類。

我已經試過了如下選擇：

table.widget tr:first-child td{ 
    width:10%; 
    border:0; 
} 

但是，選擇只將選擇第一tr的第一td沒有全部TD's所以我嘗試

table.widget tr td:first-child{ 
    max-width:10%; 
} 

當然，我得到了什麼是TD的第一個孩子的選擇。不是td本身

它可以實現這個？

Answer 1

你的第二選擇實際上是正確的：

http://tinker.io/40f64

table.widget tr td:first-child { 
    background: orange; 
} 

選擇每個TD的第一個孩子，選擇會像這樣：

table.widget tr td :first-child { /* note the space after the td */ 
    // styles 
} 

應當注意的是，該OP的樣品臺不具備widget類應用於它。

如果你的表是表達鍵/值對的集合，把你的標籤文本th內可能更合適：

http://tinker.io/40f64/1

table.widget th { 
    background: orange; 
} 

<table class="widget"> 
    <tr><th>label</th> <td>value</td></tr> 
    <tr><th>label</th> <td>value</td></tr> 
    <tr><th>label</th> <td>value</td></tr> 
</table> 

Answer 2

方式一：

table tr td:first-of-type { 
background: lemonchiffon; 
} 

http://jsfiddle.net/PRrq5/2/

Answer 3

試試這個：

table tr td:first-child { color: red; } 

小提琴：http://jsfiddle.net/74MFH/1/