revising examples

Author: howcome

css-gcpm/Overview.src.html

@@ -3523,8 +3523,7 @@ <h2>Selecting columns and pages</h2>
 
 <h3>Selecting certain named pages</h3>
 
-<p>In CSS2, <a href="http://www.w3.org/TR/CSS2/page.html#page-selectors">first, left and right pages</a> can be selected. This specification exte  adds selector grammar from <a href="http://www.w3.org/TR/css3-selectors/#nth-child-pseudo"></a>.
-
+<p>In CSS2, <a href="http://www.w3.org/TR/CSS2/page.html#page-selectors">first, left and right pages</a> can be selected. This specification extends pages selectors:
 
 <!--
 <p>The 'first-page' pseudo-element is similar to the 'first-letter'
@@ -3620,6 +3619,7 @@ <h3>Page groups</h2>
 
 <h3>'page' and 'column' pseudo-elements</h3>
 
+
 <p>The 'page()' and 'column()' pseudo-element allows the selection of
 pages, columns, and elements within.
 
@@ -3649,14 +3649,20 @@ <h3>'page' and 'column' pseudo-elements</h3>
 </pre>
 </div>
 
-<p>Several syntax variations are possible.
+<p>It is also possible to place the code inside @page:
 
 <div class=example>
 <pre>
 @page :left {
-  ...
+  background: pink;            /* declaration applies to pages */
   {
-      p { text-align: left }
+    p { text-align: left }     /* declaration applies to elements on page */
+  }
+  @top-center {
+    background: orange;        /* declaration applies to margin box */
+    {
+      p { text-align: left }   /* declaration applies to elements in margin box */
+    }
   }
 }
 </pre>