見出し要素に連番を振る方法 例えばHTML見出しのh2には、「1、2、3…」と連番を振っていき、h3見出しには「1.1、1.2、1.3…」もしくは「2.1、2.2、2.3…(h2の連番が2だった場合)」といったように番号を振るにはCSSで以下のように書きます。 /************************************ ** h2-h6の見出し要素に連番を振る ************************************/ .entry-content h2{ counter-increment: counter-h2; counter-reset: counter-h3; } .entry-content h2:before{ content: counter(counter-h2); margin-right: 0.6em; } .entry-content
![HTML見出しにCSSのみで本の目次のような連番を振る方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6609a778dc7d6fe3325cd6cd6a4e65426be3526/height=288;version=1;width=512/https%3A%2F%2Fnelog.jp%2Fwp-content%2Fuploads%2F2016%2F07%2Fpexels-photo-71184-large.jpg)