A címsorok vagy felsorolások minden szintjéhez egy-egy számlálót rendelve több szintű számozással jeleníthetjük meg azokat, a nyomtatott könyvek tartalomjegyzékében és fejezetcímeinél megszokott módon.
Példa:
Forráskód
<style>
body {counter-reset:h1_ct;}
h1 {counter-reset:h2_ct;}
h1:before {
counter-increment:h1_ct;
content: counter(h1_ct) ". ";}
h2 {counter-reset:h3_ct;}
h2:before {
counter-increment:h2_ct;
content:counter(h1_ct) "." counter(h2_ct) " ";}
h3:before {
counter-increment:h3_ct;
content:counter(h1_ct) "." counter(h2_ct) "."
counter(h3_ct) " ";}
</style>
...
<body>
<h1>Első szintű címsor </h1>
<h2>Második szintű címsor </h2>
<h3>Harmadik szintű címsor </h3>
<h2>Második szintű címsor </h2>
<h3>Harmadik szintű címsor </h3>
<h3>Harmadik szintű címsor </h3>
<h1>Első szintű címsor </h1>
</body>
Eredmény*
* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_beszurt_szamlalo_02.html