如何選擇行中的第一個TD元素

Question

我有一些行的表。 我想創建一個CSS，它允許我遞歸地更改TR行中第一個TD元素的顏色，僅對於具有類mytable的表。

你能給我一個CSS的樣本嗎？由於

<table class="mytable"> 
       <tr> 
         <td>Event Title:</td><!--Change color here--> 
         <td>{EventTitle}</td> 
       </tr> 
       <tr> 
         <td>Start date:</td><!--Change color here--> 
         <td>{DateTimeStart}</td> 
       </tr> 
       <tr> 
         <td>End date:</td><!--Change color here--> 
         <td>{DateTimeEnd}</td> 
       </tr> 
     </table> 

Answer 1

爲此，您可以使用：第一胎財產。這樣寫：

.mytable td:first-child{ 
color:red; 
} 

Answer 2

作爲@sandeep寫的你可以用第一個孩子來實現目標。如果可能，更好的方法是在第一個td中添加一個類名。如果這應該是頭，也可能要使用的日代替TD

Answer 3

使用CSS「第一個孩子」的元素：http://www.w3schools.com/cssref/sel_firstchild.asp

所以，可以這樣做：

.mytable td:first-child { 
    something here 
} 

Answer 4

Sandeep有正確的想法，但你似乎要求一個稍微更具體的風格規則。試試這個：

table.mytable td:first-child {} 

Answer 5

:first-child並不在IE瀏覽器，一個可行的方法是改變這些td你所要申請的背景th，然後他們的風格

Answer 6

你可以試試這個：

HTML

<table class="mytable"> 
       <tr> 
         <td>Event Title:</td><!--Change color here--> 
         <td>{EventTitle}</td> 
       </tr> 
       <tr> 
         <td>Start date:</td><!--Change color here--> 
         <td>{DateTimeStart}</td> 
       </tr> 
       <tr> 
         <td>End date:</td><!--Change color here--> 
         <td>{DateTimeEnd}</td> 
       </tr> 
     </table> 

CSS

.mytable tr td:first-child{ 
color:red; 
} 

http://jsfiddle.net/hrBAn/1/