body {
counter-reset: h1;
}
h1 {
counter-reset: h2;
}
h1:before {
content: counter(h1) ". ";
counter-increment: h1;
}
h2 {
counter-reset: h3;
}
h2:before {
content: counter(h1) "." counter(h2) ". ";
counter-increment: h2;
}
h3 {
counter-reset: h4;
}
h3:before {
content: counter(h1) "." counter(h2) "." counter(h3) ". ";
counter-increment: h3;
}
<h1>Lorem ipsum</h1>
<h2>Dolor sit amet</h2>
<h2>Duis sapien</h2>
<h1>Pellentesque viverra</h1>
<h1>Curabitur non turpis</h1>
<h2>Lorem</h2>
<h3>Ipsum</h3>
<h3>Dolor</h3>
<h3>Sit</h3>
<h3>Amet</h3>
Listing 38.2. Wielopoziomowa automatyczna numeracja
Rozdział 38. Uzupełnienie wiadomości na temat CSS