将样式应用于第一行的单元格

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