Add 'for example' to the example

Author: fantasai

selectors4/Overview.html

@@ -1230,17 +1230,17 @@ <h3 id=scoping><span class=secno>3.3. </span> Scoped Selectors</h3>
    href="#scope-pseudo"><code>:scope</code></a> pseudo-class.
 
   <div class=example>
-   <p> The <code>document.querySelector()</code> function defined in <a
-    href="#SELECTORS-API2"
+   <p> For example, the <code>document.querySelector()</code> function
+    defined in <a href="#SELECTORS-API2"
     rel=biblioentry>[SELECTORS-API2]<!--{{SELECTORS-API2}}--></a> allows the
     author to define a <a
     href="#scope-constrained"><i>scope-constrained</i></a> selector.
 
    <p> On the other hand, the <code>document.find()</code> function defined
     in <a href="#SELECTORS-API2"
     rel=biblioentry>[SELECTORS-API2]<!--{{SELECTORS-API2}}--></a> and the
-    selectors within a scoped stylesheet, defined in <a href="#HTML5"
-    rel=biblioentry>[HTML5]<!--{{HTML5}}--></a>, define <a
+    selectors within an <a href="#HTML5"
+    rel=biblioentry>[HTML5]<!--{{HTML5}}--></a> scoped stylesheet, define <a
     href="#scope-contained"><i>scope-contained</i></a> selectors.
   </div>
 

selectors4/Overview.src.html

@@ -603,12 +603,13 @@ <h3 id="scoping">
 
   <div class='example'>
     <p>
-      The <code>document.querySelector()</code> function defined in [[SELECTORS-API2]]
+      For example,
+      the <code>document.querySelector()</code> function defined in [[SELECTORS-API2]]
       allows the author to define a <i>scope-constrained</i> selector.
 
     <p>
       On the other hand, the <code>document.find()</code> function defined in [[SELECTORS-API2]]
-      and the selectors within a scoped stylesheet, defined in [[HTML5]],
+      and the selectors within an [[HTML5]] scoped stylesheet,
       define <i>scope-contained</i> selectors.
   </div>