<!doctype html>
<html>
<head>
<style>
.reset_section {
counter-reset: reset_section_count 13;
}
.reset_section {
counter-increment: reset_section_count;
counter-reset: none;
}
.reset_section > .title:before {
content: counter(reset_section_count);
}
.increment_section {
counter-increment: increment_section_count 2;
}
.increment_section {
counter-increment: none;
}
.increment_section > .title:before {
content: counter(increment_section_count);
}
</style>
</head>
<body>
<div class="reset_section">
<div class="title">Reset Section 1 title</div>
</div>
<div class="reset_section">
<div class="title">Reset Section 2 title</div>
</div>
<div class="increment_section">
<div class="title">Increment Section 1 title</div>
</div>
<div class="increment_section">
<div class="title">Increment Section 2 title</div>
</div>
<div class="increment_section">
<div class="title">Increment Section 2 title</div>
</div>
</body>
</html>
Codebase Browser
chromium