Css 如何选择表中的最后一行?

Css 如何选择表中的最后一行?,css,css-selectors,html-table,Css,Css Selectors,Html Table,我有一个带有一些s的表,其中一些表具有rowspan属性。我试图选择表中最后一个,无论是last child还是last of type都不起作用 下面是一个JSFIDLE: 我正在尝试选择包含“HEADER2”的单元格 这可能吗?我知道我可以通过用另一个类标记最后的行span来解决这个问题,只是想知道是否有更干净的方法。谢谢 您可以将每组包装成一个,然后使用:last of type或:last child选择最后一个主体 .myTable tbody:td[rowspan]类型的最后一个{

我有一个带有一些
s的表,其中一些表具有
rowspan
属性。我试图选择表中最后一个,无论是
last child
还是
last of type
都不起作用

下面是一个JSFIDLE:

我正在尝试选择包含“HEADER2”的单元格


这可能吗?我知道我可以通过用另一个类标记最后的
行span
来解决这个问题,只是想知道是否有更干净的方法。谢谢

您可以将每组
包装成一个
,然后使用
:last of type
:last child
选择最后一个
主体

.myTable tbody:td[rowspan]类型的最后一个{
颜色:红色;
}

标题
某物
某物
校长2
什么
什么

如果您不想添加更多的
s,您可以将一个类放在最后一个
行span
-ed表格单元格中,如:

.myTable.lastrowspanedcell{
颜色:红色;
}

标题
某物
某物
校长2
什么
什么

据我所知,仅使用CSS是不可能的。如果不编辑html,仍然不可能实现可能的复制。但是,由于我在后端以组的形式生成表,我可以轻松地添加
tbody
标记。因此,下面Pangloss提供的解决方案是一个可接受的解决方案,它仍然比我所做的工作环境更干净。谢谢大家!为什么要删除?我给你答案:(
<table class='myTable' border='1'>
    <tr>
        <td rowspan='3'>HEADER</td>
    </tr>
    <tr>
        <td>something</td>
    </tr>
    <tr>
        <td>something</td>
    </tr>
    <tr>
        <td rowspan='3'>HEADER2</td>
    </tr>
    <tr>
        <td>something2</td>
    </tr>
    <tr>
        <td>something2</td>
    </tr>
</table>
.myTable [rowspan]:last-of-type {
    color: red;
}