| <!DOCTYPE html> |
| <title>CSS Containment Test: contain:style for counters</title> |
| <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-style"> |
| <link rel="match" href="contain-style-counters-ref.html"> |
| <style> |
| #t1 { contain: style } |
| #t1 span::after { content: counter(t1) } |
| .t1-reset { counter-reset: t1 5 } |
| #t1 span { counter-increment: t1 1 } |
| |
| #t2 { |
| contain: style; |
| display: contents; |
| } |
| #t2 span::after { content: counter(t2) } |
| .t2-reset { counter-reset: t2 7; } |
| #t2 span { counter-increment: t2 4; } |
| </style> |
| <div class="t1-reset"></div> |
| <div id="t1"><span>You should see the number 1 here: </span></div> |
| <div class="t2-reset"></div> |
| <div id="t2"><span>You should see the number 4 here: </span></div> |
