Html 使用css计数器如何创建可以设置计数器初始值的类?

Html 使用css计数器如何创建可以设置计数器初始值的类?,html,css,css-counter,Html,Css,Css Counter,使用CSS计数器,是否可以设置一个在:before中显示计数器的类,但是否可以为该类的每次使用设置该计数器的初始值 例如,如果我使用下面的css和html显示行号,我可以创建一个类,允许我说行号从7开始,而不是从1开始,或者,我必须为我希望从不同初始计数器值开始的每个块创建一个唯一的类吗 pre { counter-reset: line; } code{ counter-increment: line; } code:before{ content: counter(line); } <

使用CSS计数器,是否可以设置一个在:before中显示计数器的类,但是否可以为该类的每次使用设置该计数器的初始值

例如,如果我使用下面的css和html显示行号,我可以创建一个类,允许我说行号从7开始,而不是从1开始,或者,我必须为我希望从不同初始计数器值开始的每个块创建一个唯一的类吗

pre { counter-reset: line; }
code{ counter-increment: line; }
code:before{ content: counter(line); }

<pre><code>Line of code</code></pre>

属性值可以包含计数器名称和初始值:


您可以为
计数器重置
提供任意起始值,但您需要使用其内联
样式
属性对每个
前置
元素执行此操作,并且您需要提供比所需起始行号小1的数字:

pre{计数器重置:行;}
代码{计数器增量:行;}
代码::在{内容:计数器(行);浮点:左;边距:0 1ch;}之前

代码行
下次尝试在之前进行谷歌搜索。类似于“css计数器值集”。第一个结果是答案很多次。@miguel svq我认为第一个结果根本不是答案很多次。我知道如何重置计数器,但无法理解如何使用同一个类,但每次使用该类时从不同的值开始重置。因此,我可以在我的初始类声明pre{counter reset:line 999;}中使用它,但是,当我在html中使用该类时,我是否可以以某种方式指定初始值999(
line of code
)?
counter-reset: line 999