css tr 最后一行

在HTML中，表格是一种非常常见的元素，有时候我们需要对表格的样式进行一些修改，这时就需要使用CSS。

CSS的tr选择器可以选择表格中的每一行，使用起来非常方便，而其中一个常见的需求是对表格的最后一行进行特殊样式的渲染。

我们可以通过如下代码来实现：

table tr:last-child{
    background-color: #e0e0e0;
    font-weight: bold;
}

其中，通过:last-child伪类来选择表格中的最后一行，然后对其进行样式的设置，例如，在上面的代码中，我们选择了设置背景颜色为#e0e0e0，字体加粗等操作。

值得注意的是，在使用:last-child选择器时，需要注意其支持程度，例如在IE8及其之前的版本中是不支持的。

除了:last-child选择器外，我们还可以使用:last-of-type选择器来实现相同的效果。

table tr:last-of-type{
    background-color: #e0e0e0;
    font-weight: bold;
}

与其相比，:last-of-type选择器更为宽泛，在选择最后一行时，不仅限于表格中的最后一行，而是针对于其类型的最后一个元素。

例如，在如下代码中，如果我们选择使用:last-child选择器：

第一行

第二行

第三行

test

则会选择到最后一个元素：td。而如果使用:last-of-type选择器，则会选择到最后一行中的元素，即第三行。

因此，根据需求的不同，我们可以选择使用不同的伪类来实现对最后一行的特殊样式渲染。