CSS 计数器丢失但没有完全重置其计数

问题描述

我正在尝试为应用程序 (Obsidian.md) 编写代码片段，以在预览模式下显示每个段落的行号。我无法编辑 HTML，只能编辑 CSS，所以我想我会使用 CSS 计数器并在每个段落之前显示计数：

.workspace {
    counter-set: line;
}

.workspace p::before {
    content: counter(line);
    counter-increment: line;
}

计数器显示并且它确实增加了一个点。但是，当我向下滚动时，计数器停止正常工作。

我的示例文本是 116 行。我一次可以看到 25 行，当我滚动时，它会显示 25 个连续的数字，最后一行显示一个介于 39 和 60 之间的数字（滚动越慢，它越高，但永远不会超过 60）。当我滚动时，我可以看到数字在变化。

如果我在滚动之前/滚动时从第一行开始向下选择文本，我可以让它显示最后一行的正确计数（最多 116 行）。如果我从第二行开始选择文本，它将显示正确的计数减一（最多 115）。

我尝试将计数器设置为工作区的各种父类和子类的类更改，但对这个特定问题没有影响。考虑到它永远不会回到 1 或 0，它似乎也不是真正的计数器重置。

计数器是否有可能“忘记”了一些（但不是全部）不再出现​​在观众身上的线条？如果是这样，有没有办法让我单独使用 CSS 让它停止？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）