counters-005.html (954B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Lists: Implied counter scopes by 'counter-increment'</title> 5 <link rel="author" title="Daniil Sakhapov" href="mailto:sakhapov@chromium.org"> 6 <link rel="help" href="https://drafts.csswg.org/css-lists/#propdef-counter-increment"> 7 <link rel="match" href="counters-005-ref.html"> 8 <style type="text/css"> 9 body { white-space: nowrap; } 10 .i { counter-increment: c 1; } 11 .ib:before { counter-increment: c 1; content: "B" } 12 .r { counter-reset: c 0; } 13 .u:before { content: counters(c, ".") " "; } 14 </style> 15 </head> 16 <body> 17 18 <p>The following two lines should be identical:</p> 19 20 <div> 21 <span class="ib"> 22 <span class="u"></span> 23 <span class="r"> 24 <span class="u"></span> 25 </span> 26 </span> 27 <span class="i"> 28 <span class="u"></span> 29 <span class="r"> 30 <span class="u"></span> 31 </span> 32 </span> 33 </div> 34 35 <div>B 1 0 1 1.0</div> 36 37 </body> 38 </html>