Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
            
- /css/css-lists/counters-005.html - WPT Dashboard Interop Dashboard
 
 
<!DOCTYPE html>
<html>
 <head>
  <title>CSS Lists: Implied counter scopes by 'counter-increment'</title>
  <link rel="author" title="Daniil Sakhapov" href="mailto:sakhapov@chromium.org">
  <link rel="match" href="counters-005-ref.html">
  <style type="text/css">
    body { white-space: nowrap; }
    .i { counter-increment: c 1; }
    .ib:before { counter-increment: c 1; content: "B" }
    .r { counter-reset: c 0; }
    .u:before { content: counters(c, ".") " "; }
  </style>
 </head>
 <body>
 <p>The following two lines should be identical:</p>
 <div>
   <span class="ib">
     <span class="u"></span>
     <span class="r">
       <span class="u"></span>
     </span>
   </span>
   <span class="i">
     <span class="u"></span>
     <span class="r">
       <span class="u"></span>
     </span>
   </span>
 </div>
 <div>B 1 0 1 1.0</div>
 </body>
</html>