LayoutTests/css2.1/t120401-scope-00-b.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2 <html>
   3  <head>
   4   <title>CSS 2.1 Test Suite: Counter scope</title>
   5   <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#scope">
   6   <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters">
   7   <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content">
   8   <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter">
   9   <style type="text/css">
  10
  11   body { white-space: nowrap; }
  12
  13
  14   .scope { counter-reset: c 1; }
  15   .scope:before, .scope:after { content: counter(c); }
  16   .c:before { content: counter(c); }
  17
  18   .one:before { counter-reset: c 2; }
  19   .two { counter-reset: c 3; }
  20
  21   </style>
  22  </head>
  23  <body>
  24
  25  <p>The next 2 lines should be identical:</p>
  26
  27  <div>
  28    <span class="scope"><span class="one c"><span class="c"></span></span><span class="c"></span></span><span class="c"></span>
  29    <span class="scope"><span class="two c"><span class="c"></span></span><span class="c"></span></span><span class="c"></span>
  30  </div>
  31
  32  <div>
  33    122111
  34    133331
  35  </div>
  36
  37  </body>
  38 </html>