CSS ::使用calc减少数字

Question

css脚本运行正常：

table
{
    counter-reset:rowNumber;
}

table tr
{
    counter-increment:rowNumber;
}

table tr td:first-child::before
{
    content:counter(rowNumber);
    min-width:1em;
    margin-right:0.5em;
}

但问题是我想从rowNumber减少-1（或其他选项将计数器重置为-1）

我试过了：

content:counter(calc(rowNumber-1));

但似乎它不起作用

Answer 1

我喜欢做的是使用相邻的兄弟选择器，如：

table tr + tr { /* attributes */ }

这与table tr:not(:first-child)完全相同，但我经常将它用于任何列表。

ul li + li { margin-top: 1em }