counter-scoping-004.html (782B)
1 <!doctype html> 2 <meta charset="UTF-8"> 3 <title>CSS-contain test: style containment and subtree root</title> 4 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> 5 <link rel="author" title="Mozilla" href="https://mozilla.org"> 6 <link rel="help" href="https://drafts.csswg.org/css-contain-2/#property-scoped-to-a-sub-tree"> 7 <link rel="match" href="reference/counter-scoping-004-ref.html"> 8 <style> 9 .list-item { 10 contain: style; 11 counter-increment: my-list-counter; 12 margin-left: 40px; 13 } 14 .list-item::before { 15 content: '[' counter(my-list-counter, decimal) '] '; 16 } 17 </style> 18 <div class="list-item"> 19 A1 20 <div class="list-item">B1</div> 21 <div class="list-item">B2</div> 22 </div> 23 <div class="list-item">A2</div> 24 <div class="list-item">A3</div>