html - 节号的CSS反增量

我正在尝试让 css Counter 工作。它工作正常，直到我在其中一个列表项中有 a、b、c，然后它就搞砸了。这就是我要显示的内容

1. ACKNOWLEDGEMENTS

 1.1   blah blah blah
 1.2   blah blah blah
 1.3   blah blah blah

2. Risk Statement

 2.1   blah blah blah
 2.2   blah blah blah
 2.3   blah blah blah

3. License
 3.1   blah blah blah
 3.2   blah blah blah
   a blah blah blah
   b blah blah blah
   c blah blah blah
 3.3   blah blah blah

4. License
 4.1   blah blah blah
 4.2   blah blah blah
 4.3   blah blah blah

正在发生的事情是正在计算 a、b、c，因此 3.3 显示为 4.3，然后第 4 节从 5.1 开始....这是在 JSFiddle 中(a、b、c 未显示但忽略那-编号是重要的)... http://jsfiddle.net/XQKcy/11/

最佳答案

ol li 将影响列表中的所有 li 元素，甚至是那些子 ol 元素。

因此，您需要使用 ol>li 语法识别直接子级，并仅应用于这些子级。

查看更新的 fiddle - http://jsfiddle.net/XQKcy/14/

关于html - 节号的CSS反增量，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23290394/