Html CSS::使用calc减少数字
该css脚本工作正常:Html CSS::使用calc减少数字,html,css,numbers,css-tables,calc,Html,Css,Numbers,Css Tables,Calc,该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)
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));
但它似乎不起作用我喜欢做的是使用相邻的同级选择器,如中所示:
table tr + tr { /* attributes */ }
这与表tr:not(:first child)
完全相同,但我经常将其用于任何内容的列表
ul li + li { margin-top: 1em }
我喜欢使用相邻的同级选择器,如中所示:
table tr + tr { /* attributes */ }
这与表tr:not(:first child)
完全相同,但我经常将其用于任何内容的列表
ul li + li { margin-top: 1em }
我想这是一个选择。。。表tr:not(:first child){counter increment:rowNumber;}第一次我在这里问一个问题并回答自己:PI解决了它:表tr:not(:first child){counter increment:rowNumber;}但是我很高兴听到不同的方法来解决这个问题,仅仅是为了扩展我的css知识:)我想这是一个选项。。。表tr:not(:first child){counter increment:rowNumber;}我第一次在这里问问题并回答自己:PI解决了它:表tr:not(:first child){counter increment:rowNumber;}但是我很高兴听到不同的方法来解决这个问题,只是为了扩展我的css知识:)