| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>CSS counter order with Shadow DOM and SLOT</title> | |
| <link rel="author" title="Martin Robinson" href="mailto:mrobinson@igalia.com"> | |
| <link rel="help" href="https://www.w3.org/TR/css-lists-3/#inheriting-counters"> | |
| <style> | |
| .counted { | |
| counter-increment: section; | |
| } | |
| .counted::before { | |
| content: "C=" counter(section) " "; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div> | |
| <div class="counted">One</div> | |
| <div class="counted">Two</div> | |
| <div class="counted">Three</div> | |
| </div> | |
| </body> | |
| </html> |