css specified value "sectionlevel"

[carnoxen]

It is its level number in section. For example,

<main>
<h1 id="first">this is top</h1>
<section>
<h1 id="second">this is section</h1>
<section>
<h1 id="third">this is section</h1>
</section>
</section>
<main>

first, second, third-id element has level 1, 2, 3.

It can be useful for sizing heading fonts like this:

:heading {
    font-size: calc(2em * (sectionlevel - 1) * 75%);
}