Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<meta charset="utf-8">
<style>
ol {
list-style: inside decimal;
padding-inline-start: 1em;
counter-reset: c 0;
}
li {
counter-increment: c 1;
}
div {
contain: style;
}
:is(ol, li, div) {
padding-left: 1em;
}
:is(ol, li, div)::before {
content: "[::before=" counters(c, ".") "]";
}
:is(ol, li, div)::after {
content: "[::after=" counters(c, ".") "]";
}
div::before {
color: red;
}
</style>
<ol>
<li></li>
<div>
<li></li>
</div>
<li></li>
</ol>