CSS – 对第一行的单元格应用样式

前端之家收集整理的这篇文章主要介绍了CSS – 对第一行的单元格应用样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
它应该很简单,但我不能弄清楚。

我有一个这样的表:

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

如果你有嵌套表,并且你不想对内部行应用样式,添加一些子选择器,所以只有第一个顶层的顶级tds获取样式:

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

猜你在找的CSS相关文章