contain-style-counters-005.html (782B)
1 <!DOCTYPE html> 2 <title>CSS Containment Test: 'contain: style' for counters and contained subtree scope</title> 3 <link rel="help" href="https://www.w3.org/TR/css-contain-1/#containment-style"> 4 <link rel="match" href="reference/contain-style-counters-005-ref.html"> 5 <style> 6 .contain { 7 float: right; 8 contain: style; 9 clear: both; 10 } 11 .reset { counter-reset: c;} 12 .increment:before { content: counters(c, ""); } 13 .increment { counter-increment: c; } 14 </style> 15 <body> 16 <div class="increment"></div> 17 <div class="contain"> 18 <div class="increment"></div> 19 <div class="reset"></div> 20 <div class="increment"></div> 21 </div> 22 <div class="increment"></div> 23 <div class="contain"> 24 <div class="increment"></div> 25 <div class="increment"></div> 26 </div> 27 <div class="increment"></div>