嵌套CSS计数器不显示增量

我试图使用CSS计数器来应用于一系列元素，但不幸的是，我没能正确使用它

HTML代码非常简单：

身体{ 计数器复位：objgen； } 一般情况：在{ 内容：反目标； 反增量：objgen； } 总纲{ 计数器复位：objesp； 字体大小：粗体； } 前{ 内容：counterobjgen.counterobjesp； 反增量：objesp； } span.esp{ 字体大小：粗体； } 投入：

---

你用错了类。如果已经为元素指定了类，则不需要指定元素范围

所以不是

    span.general -> .general

那可能会解决你的问题

            body {
            counter-reset: objgen; 
        }
        .general::before {
            content: counter(objgen) ;
            counter-increment: objgen;
        }
        .general {
            counter-reset: objesp;
            font-weight: bold;
        }
        .esp::before {
            content: counter(objgen) "." counter(objesp);
            counter-increment: objesp;
        }
        .esp {
            font-weight: bold;
        }

---

这个怎么样？

我认为这与结构有关-是的-因此计数器似乎超出了包装器的范围，但这很奇怪…标准应该是这样工作的吗？我认为是这样，规范相当复杂，但我认为这必须与按文档顺序进行的计数器继承有关。esp元素必须嵌套在gen下才能工作。您是否测试过这一点，看看它是否有区别？@Paulie\u D我正在旅行，同时尝试解决问题。无法在手机上测试它。注意到一些可能会解决当前问题的缺陷。问题与您指出的内容无关……这似乎是Paulie_Dun指出的结构问题幸运的是，这与类无关。@毫无疑问，您也将：更改为：？