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

这应该是非常简单的，但我无法弄清楚。

我有这样一张桌子：

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

我想让第一个tr行的td标签有vertical-align 。 但不是第二排。

 .category_table td{ vertical-align:top; } 

Answer 1

使用tr:first-child取第一个tr ：

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

如果您有嵌套表格，并且您不想将样式应用于内部行，请添加一些子select器，以便只有第一个顶级tr中的顶级td获取样式：

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

Answer 2

这应该做的工作：

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

Answer 3

下面为thead下的第一个tr的工作

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

这对于第一个和第二个人来说都是有效的：

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