具有枚举行的表，除了最后一行

Question

除了最后一行，我怎么能有一个包含数字行的表？我正在尝试下面的代码，但它不起作用：（

编辑 以下代码适用于Chrome和Firefox，但不适用于Safari。我还不了解IE

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

如何在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>

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

Answer 2

您应该使用content: none;，因为未设置browser support是不合理的。它适用于Chrome和Firefox，但不适用于IE，Safari和Opera。

table.enumerated > tbody > tr:last-child > td:first-child::before {
    content: none;
}