用标题的CSS计数器编号

Question

我正在尝试为头文件计算css。 对于前。

<h1>first heading</h1>
<h2>second heading</h2>

将被转换

1. first heading
1.1 second heading

使用css计数器可以正常工作。什么不起作用是当h2是h3时。结果是h3标题将添加“1.0.1”而不是1.1.1，因为没有h2标题所以h2的计数器为0。

<h1>first heading</h1>
<h3>third heading (should be 1.1.1)</h3>

将被转换

1. first heading
1.0.1 third heading (should be 1.1.1)

任何建议如何解决这个问题（甚至可能）

PS。标题的示例可以在http://jsfiddle.net/6xpveu0t/

找到

Answer 1

请以语义正确的方式使用标题。

在早些时候，人们宁愿滥用不同的标题标签以适应他们的设计，而不是像今天那样正确地设计样式（希望无处不在）。

在标题的语义使用方面，标题1后面跟着标题2，后跟标题3.您可以参考w3c school about headline priority。

在印刷书籍中，您永远不会在跳过的章节中找到嵌套的子章节。因此CSS计数器是正确的。

尽管如此，您可以添加一个空的<h2></h2>。