Applicare lo stile alle celle della prima riga

Question

Dovrebbe essere molto semplice ma non riesco a capirlo.

Ho una tabella come questa:

<table class="category_table"> 
<tr><td> blabla 1</td><td> blabla 2 </td></tr> 
<tr><td> blabla 3 </td><td> blabla 4 </td></tr> 
</table> 

Voglio fare td Tags di prima fila hanno trvertical-align. Ma non la seconda fila.

.category_table td{ 
    vertical-align:top; 
} 

Answer 1

Usa tr:first-child per scattare la prima tr:

.category_table tr:first-child td { 
    vertical-align: top; 
} 

Se si è annidato le tabelle, e non si vuole applicare gli stili ai file interne, aggiungere alcuni selettori bambino in modo che solo la parte superiore -Level td s nel primo livello superiore tr ottenere gli stili:

.category_table > tbody > tr:first-child > td { 
    vertical-align: top; 
} 

Answer 2

Questo dovrebbe fare il lavoro:

.category_table tr:first-child td { 
    vertical-align: top; 
} 

Answer 3

Sotto lavori per il primo tr della tabella al thead

table thead tr:first-child { 
    background: #f2f2f2; 
} 

E questo funziona per la prima tr di thead e tbody entrambi:

table thead tbody tr:first-child { 
    background: #f2f2f2; 
}