[css2] addressed, in part issue 184, by adding dbaron's example

--HG--
extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%402518

Author: howcom

css2/generate.src

@@ -613,6 +613,22 @@ counters. (We assume the style sheet as given in the example above).
 </pre>
 </div>
 
+<div class="example">
+<p>Another example, showing how scope works when counters are used on
+elements that are not tested, is the following.  This shows how the
+style rules given above to number chapters and sections would apply to
+the markup given.
+
+<pre>
+&lt;body>                                     &lt;!-- (set chapter to 0       |                         -->
+  &lt;h1>About the CSS 2.1 Specification&lt;/h1> &lt;!--  increment chapter (=1) | (set section to 0       -->
+  &lt;h2>CSS 2.1 vs CSS 2&lt;/h2>                &lt;!--                         |  increment section (=1) -->
+  &lt;h2>Reading the specification&lt;/h 2>      &lt;!--                         |  increment section (=2) -->
+  &lt;h1>Introduction to CSS 2.1&lt;/h1>         &lt;!--  increment chapter (=2) | )(set section to 0      -->
+&lt;/body>                                    &lt;!--                         | )                       -->
+</pre>
+</div>
+
 <p>The 'counters()' function generates a string composed of all of the
 counters with the same name that are in scope, separated by a given
 string.