| <!DOCTYPE html> | |
| <style> | |
| .contain { contain: style; } | |
| .reset { counter-reset: c;} | |
| .increment:before { content: counters(c, ""); } | |
| .increment { counter-increment: c; } | |
| </style> | |
| <div class="increment"></div> | |
| <div class="contain"> | |
| <dialog id="test"> | |
| <div class="increment"></div> | |
| </dialog> | |
| </div> | |
| <div class="increment"></div> | |
| <script> | |
| document.getElementById("test").showModal(); | |
| </script> |