Adding Brad's syntax

Author: howcome

css-gcpm/Overview.src.html

@@ -3620,22 +3620,49 @@ <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.
+
+
+<div class=example>
+<pre>
+article::column(2n) {     /* select every other column of an article */
+  ...
+}
+</pre>
+</div>
+
+<div class=example>
+<pre>
+article::page(left) {   /* select all left pages in an article */
+  background: pink;
+} 
+</pre>
+</div>
+
+
 <div class=example>
 <pre>
 article::page(left) p {   /* select all p elements that appear on left pages in an article */
-  ... 
+  text-align: left;
 } 
 </pre>
 </div>
 
+<p>Several syntax variations are possible.
+
 <div class=example>
 <pre>
-article::column(2n) {     /* select every other column of an article */
+@page :left {
   ...
+  {
+      p { text-align: left }
+  }
 }
 </pre>
 </div>
 
+
 <h2>Selecting lines</h2>
 
 <p>The 'first-line' pseudo-element selects the first formatted line of an element. The 'first-lines(n)' pseudo-element selects the first n formatted lines of an element.