Aplicar estilo a las celdas de la primera fila

Question

Debería ser muy simple pero no lo puedo descifrar.

Tengo una tabla como la siguiente:

<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> 

Quiero hacer td etiquetas de primera fila tienen trvertical-align. Pero no la segunda fila.

.category_table td{ 
    vertical-align:top; 
} 

Answer 1

Uso tr:first-child para tomar la primera tr:

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

Si ha tablas anidadas, y usted no quiere aplicar estilos a las filas interiores, añadir algunos selectores de hijos por lo que sólo la parte superior -level td s en el primer nivel superior tr obtienen los estilos:

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

Answer 2

Esto debería hacer el trabajo:

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

Answer 3

A continuación las obras de primera tr de la mesa bajo thead

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

Y esto funciona por primera tr de thead y tbody tanto:

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