CSS 计数器重置和递增

Question

我想修复我的 CSS 计数器，以便它在每次出现 OL 或 UL 顶级父项时重置。嵌套的 OL 不应重置计数器，但它应该仅为顶级 OL 或 UL 的每个实例重置。

可能是问题所在的 css:

section.post-content ol {
    counter-reset: item;
}

Answer 1

您不能专门针对顶级元素(我认为)。

相反，以所有 ol 为目标(就像你已经做的那样)，并避免在非顶级 ol 上重置计数器，创建另一个规则:

ul ul {counter-reset: none}
ol ul {counter-reset: none}

查看结果:

http://jsfiddle.net/rjqgz/