Html Css计数器标记和伪元素之前的输出差异

我通过这篇文章来了解更多关于计数器的知识，以及嵌套计数器是如何工作的

我有如下的css和html

ol{
计数器复位：我的计数器0；
列表样式类型：无；
}
李：以前{
内容：柜台（我的柜台，”）；
计数器增量：我的计数器；
}

将html作为

首先
十一
十二

第二
二十一
二十二

这里我得到了预期的内容，比如

1

和

1.1

，但是将

之前的
更改为
标记
伪元素，即
li:：marker
给出了一个类似
0
和
0.0
的值

虽然当我只使用这个css时，输出与预期一样

li:：marker{content:counters（列表项'.''）''；}

我无法理解为什么before和marker伪元素为此列表生成不同的输出。
该问题与
：marker中允许的属性有关<允许代码>内容
，但不允许计数器增量
，因此它可以工作，但不增加计数器

如果将增量移动到
li
中，它将起作用：


ol{
计数器复位：我的计数器0；
列表样式类型：无；
}
李：马克{
内容：柜台（我的柜台，”）；
}
李{
计数器增量：我的计数器；
}

首先
十一
十二

第二
二十一
二十二

因为标记是一个伪元素，所以它需要此实例中的内容。目前，标记的样式是有限的。