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

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

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

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

Ответы

Ответ 1

Используйте tr:first-child, чтобы перенести первый tr:

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

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

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

Ответ 2

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

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

Ответ 3

Ниже приведена первая таблица tr таблицы под thead

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

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

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