x

Author: howcom

css3-gcpm/Overview.html

@@ -258,12 +258,15 @@ <h2 class="no-num no-toc" id=table-of-contents><a name=contents>Table of
     </span>The &lsquo;<code class=property>first-page</code>&rsquo;
     pseudo-element</a>
 
-   <li><a href="#selecting-columns-and-pages"><span class=secno>16.
-    </span>Selecting columns and pages</a>
+   <li><a href="#selecting-columns0"><span class=secno>16. </span>Selecting
+    columns</a>
 
-   <li><a href="#conformance"><span class=secno>17. </span>Conformance</a>
+   <li><a href="#selecting-pages-"><span class=secno>17. </span>Selecting
+    pages </a>
 
-   <li><a href="#appendix-a-default-style-sheet"><span class=secno>18.
+   <li><a href="#conformance"><span class=secno>18. </span>Conformance</a>
+
+   <li><a href="#appendix-a-default-style-sheet"><span class=secno>19.
     </span>Appendix A: Default style sheet</a>
 
    <li class=no-num><a href="#acknowledgments">Acknowledgments</a>
@@ -3614,9 +3617,11 @@ <h3 id=turning-columns-into-regions><span class=secno>14.2. </span>Turning
 &lt;/article>
 </pre>
   </div>
+  <!--
+<div class=example>
+Consider this markup:
 
-  <div class=example> Consider this markup:
-   <pre>
+<pre>
 &lt;div class=text>
 &lt;div lang=en>
 Some words in English ...
@@ -3627,10 +3632,10 @@ <h3 id=turning-columns-into-regions><span class=secno>14.2. </span>Turning
 &lt;/div>
 </pre>
 
-   <p>Here is the CSS code to lay these out into two columns with different
-    background colors:
+<p>Here is the CSS code to lay these out into two columns with
+different background colors:
 
-   <pre>
+<pre>
 div.text {
   columns: 32em;
 }
@@ -3646,9 +3651,10 @@ <h3 id=turning-columns-into-regions><span class=secno>14.2. </span>Turning
 }
 </pre>
 
-   <p>This example shows that use cases that first seem to require regions
-    may be achieved with other methods.
-  </div>
+<p>This example shows that use cases that first seem to require regions may be achieved with other methods.
+
+</div>
+-->
   <!--
 <div class=example>
 <pre>
@@ -3695,8 +3701,7 @@ <h2 id=the-first-page-pseudo-element><span class=secno>15. </span>The
 </pre>
   </div>
 
-  <h2 id=selecting-columns-and-pages><span class=secno>16. </span>Selecting
-   columns and pages</h2>
+  <h2 id=selecting-columns0><span class=secno>16. </span>Selecting columns</h2>
 
   <p class=issue>This is sketchy.
 
@@ -3729,26 +3734,33 @@ <h2 id=selecting-columns-and-pages><span class=secno>16. </span>Selecting
 }
 </pre>
    <img src="regions_rotated_columns.jpg"></div>
-  <!--
 
-<h2>Page selection: nth()</h2>
+  <h2 id=selecting-pages-><span class=secno>17. </span>Selecting pages</h2>
 
-<p>In CSS 2.0, <a href="http://www.w3.org/TR/CSS2/page.html#page-selectors">first, left and right pages</a> can be selected. This specification adds support for selecting the nth page in the document, or the nth named page. 
+  <p>In CSS 2.0, <a
+   href="http://www.w3.org/TR/CSS2/page.html#page-selectors">first, left and
+   right pages</a> can be selected. This specification adds support for
+   selecting the nth page in the document, or the nth named page.
 
-<div class=example>
-<p>This example sets the background color of the second page in the document:
+  <div class=example>
+   <p>This example sets the background color of the second page in the
+    document:
 
-<pre>
+   <pre>
 @page :nth(2) { 
   background: green;
 }
-<pre>
-</div>
+</pre>
 
-<div class=example>
-<p>This example sets the background color of the second page of all chapters in a document:
+   <pre>
+</pre>
+  </div>
 
-<pre>
+  <div class=example>
+   <p>This example sets the background color of the second page of all
+    chapters in a document:
+
+   <pre>
 @page chapter {
   background: yellow;
 }
@@ -3758,25 +3770,33 @@ <h2>Page selection: nth()</h2>
 div.chapter {
   page: chapter;
 }
-<pre>
-</div>
+</pre>
 
-<p>The arguments to the nth() functional notation is the same as for the <a href="http://www.w3.org/TR/css3-selectors/#nth-child-pseudo">nth-child()</a> pseudo-class.
+   <pre>
+</pre>
+  </div>
 
-<div class="example">
-<pre>
+  <p>The arguments to the nth() functional notation is the same as for the <a
+   href="http://www.w3.org/TR/css3-selectors/#nth-child-pseudo">nth-child()</a>
+   pseudo-class.
+
+  <div class=example>
+   <pre>
 @page chapter:nth(2n+1) { 
   background: green;
 }
 </pre>
-</div>
+  </div>
 
-<p>Even when a named page is not defined through an <code>@page <em>name</em> { .. }</code> construct, the name can still be used with :nth().
+  <p>Even when a named page is not defined through an <code>@page
+   <em>name</em> { .. }</code> construct, the name can still be used with
+   :nth().
 
-<div class="example">
-<p>Even when the first line is commented out, the second page of all chapters in the document will be green.
+  <div class=example>
+   <p>Even when the first line is commented out, the second page of all
+    chapters in the document will be green.
 
-<pre>
+   <pre>
 /* @page chapter { ... } */
 
 @page chapter:nth(2) {
@@ -3785,15 +3805,13 @@ <h2>Page selection: nth()</h2>
 
 div.chapter { page: chapter }
 </pre>
-</div>
-
--->
+  </div>
 
-  <h2 id=conformance><span class=secno>17. </span>Conformance</h2>
+  <h2 id=conformance><span class=secno>18. </span>Conformance</h2>
 
   <p>TBD
 
-  <h2 id=appendix-a-default-style-sheet><span class=secno>18. </span>Appendix
+  <h2 id=appendix-a-default-style-sheet><span class=secno>19. </span>Appendix
    A: Default style sheet</h2>
 
   <pre>