html - 带有列举行的表(最后一行除外)

除了最后一行之外，我怎么能有一个有计算行的表呢？我在尝试下面的代码，但它不起作用：(
编辑：下面的代码适用于Chrome和Firefox，但不适用于Safari。我还不知道

table.enumerated {
    counter-reset: rowNumber;
}

table.enumerated > tbody > tr {
    counter-increment: rowNumber;
}

table.enumerated > tbody > tr > td:first-child::before {
    content: counter(rowNumber);
    min-width: 1em;
}
table.enumerated > tbody > tr:last-child > td:first-child::before {
    content: unset;
}

<table border="1" class="enumerated">
    <tr>
        <td></td><td>one</td>
    </tr>
    <tr>
        <td></td><td>two</td>
    </tr>
    <tr>
        <td></td><td>three</td>
    </tr>
    <tr>
        <td class='no-number'></td><td>no number</td>
    </tr>
</table>

最佳答案

在tr上使用:not(:last-child)如何，这样就不需要unset或none技巧了。

table.enumerated {
    counter-reset: rowNumber;
}

table.enumerated > tbody > tr {
    counter-increment: rowNumber;
}

table.enumerated > tbody > tr:not(:last-child) > td:first-child::before {
    content: counter(rowNumber);
    min-width: 1em;
}

<table border="1" class="enumerated">
    <tr>
        <td></td><td>one</td>
    </tr>
    <tr>
        <td></td><td>two</td>
    </tr>
    <tr>
        <td></td><td>three</td>
    </tr>
    <tr>
        <td class='no-number'></td><td>no number</td>
    </tr>
</table>

不幸的是，Safari5.1.7是我唯一可以测试的版本。是的，我知道。但它甚至在那里工作！

关于html - 带有列举行的表(最后一行除外)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31811037/