Застосувати стиль до комірок першого рядка

Це повинно бути дуже просто, але я не можу зрозуміти.

У мене є така таблиця:

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

Використовуйте, 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;
}

Це повинно зробити роботу:

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

Нижче наведено першу trчастину таблиціthead

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

І це працює для першого trз theadі tbodyтак:

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