前端之家收集整理的这篇文章主要介绍了
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;
}
原文链接:https://www.f2er.com/css/222567.html