it-swarm.com.ru

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

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

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

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

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

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

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

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

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

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

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

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

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

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