Применить стиль к ячейкам первого ряда

Question

Это должно быть очень просто, но я не могу понять это.

У меня есть таблица вроде этого:

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

Я хочу сделать td теги первого tr строки имеют vertical-align. Но не второй ряд.

.category_table td{ 
    vertical-align:top; 
} 

Answer 1

Используйте tr:first-child взять первый tr:

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

Если у вас есть вложенные таблицы, и вы не хотите, чтобы применить стили к внутренним рядам, добавить некоторые дочерние селекторы так только сверху td s уровня в первом верхнем уровне tr получить стили:

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

Answer 2

Это должно сделать работу:

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

Answer 3

Ниже работ для первого tr стола под thead

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

И это работает для первого tr из thead и tbody как:

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