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

它应该很简单，但我无法弄清楚。

我有这样一张桌子:

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

关于html - 将样式应用于第一行的单元格，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10450221/